效果圖：
頁(yè)面代碼：
<ul id="nav">
<li><a href="#">首頁(yè)</a></li>
<li><a href="#" id="current">次頁(yè)</a></li>
<li><a href="#">三頁(yè)</a></li>
<li><a href="#">四頁(yè)</a></li>
<li><a href="#">五頁(yè)</a></li>
</ul>
CSS代碼：
#nav{
margin:0;
height: 26px;
border-bottom:1px solid #2788da;
}
#nav li{
float:left;
}
#nav li a{
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:97px;
height:22px;
text-align:center;
background-color:#ececec;
margin-left:2px;
}
#nav li a:hover{
background-color:#bbbbbb;
color:#ffffff;
}
#nav li a#current{
background-color:#2788da;
color:#ffffff;
}