課題CSS21の解説
先生の解答
.nav { font-size: 0.75em; width: 760px; height: 30px; background-color: #393; } .nav ul { margin: 0; padding: 0; list-style-type: none; } .nav li { float: left; } .nav li a:link { color: #FFF; text-align: center; text-decoration: none; line-height: 30px; display: block; width: 120px; border-right: solid 1px #FFF; } .nav li a:hover { background-color: #3C6; }
ポイント
- ulはデフォルトで3文字分カラム落ちする。⇒リセットすればok(margin:0;,padding:0;)