精通 CSS+DIV 网页样式与布局 84

<div id=”navigation”>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>My Blog</a></li>
<li><a href=”#”>Friends</a></li>
<li><a href=”#”>Next Station</a></li>
<li><a href=”#”>Contact Me</a></li>
</ul>
</div>
</body>
</html>
8-9．CSS
body{
margin:10px;
}

content{ /* 具体内容 */

border-left:1px solid #11a3ff; /* 左边框 */
border-right:1px solid #11a3ff; /* 右边框 */
border-bottom:1px solid #11a3ff; /* 下边框 */
padding:15px;
font-size:12px;
}
ul#tabnav{
list-style-type:none;
margin:0px;
padding-left:0px; /* 左侧无空隙 */
padding-bottom:23px;
border-bottom:1px solid #11a3ff; /* 菜单的下边框 */
font:bold 12px verdana, arial;
}
ul#tabnav li{
float:left;
height:22px;
background-color:#a3dbff;
margin:0px 3px 0px 0px;
border:1px solid #11a3ff;
}
ul#tabnav a:link, ul#tabnav a:visited{
display:block; /* 块元素 */
color:#006eb3;
text-decoration:none;
padding:5px 10px 3px 10px;