css 等宽导航栏设计技巧

<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Guestbook</a></li>
</ul>
</div>

#navigation {
width: 100%; /宽度为100%，以填充整个屏幕的宽度/
float: left; /左浮动/
margin: 0 0 1px 0; /设置margin的关键是左右的值都为零/
padding: 0;
background-color: #F7F7F7;
}
#navigation ul {
list-style: none; /不显示列表项前面的黑点/
width: 800px; /宽度必须和主框架的宽度相等/
margin: 0 auto; /整个列表居中/
padding: 0;
}
#navigation li {
float: left; /使导航栏编程水平导航栏/
}
#navigation li a {
display: block; /把导航栏里的链接设置为块元素/
padding: 8px 15px;
text-decoration: none;
}