2020-10-06

w3cSchool导航栏

<ul class="nav"> <li> <a href="">HTML/CSS</a> </li> <li> <a href="">Browser Side</a> </li> <li> <a href="">Server Side</a> </li> <li> <a href="">Programming</a> </li> <li> <a href="">XML</a> </li> <li> <a href="">Web Building</a> </li> <li> <a href="">Reference</a> </li> </ul>

css样式

.nav{ width: 1208px; height: 48px; background-color: #e8e7e3; margin: 0px auto; padding: 0px; } li{ list-style: none; margin: 0px; float: left; height: 48px; line-height: 48px; } .nav a{ display: block; padding: 0px 40px; text-decoration: none; color: #777777; font-size: 18px; } .nav a:hover{ background-color: rgb(73, 73, 73); color: rgb(224, 223, 219); }