用CSS編寫一個網頁導覽列

css|導航|網頁 列表標籤:
<ul id="bar">
  <li><a href="#">導航標題</a></li>
  <li><a href="#">導航標題</a></li>
  <li><a href="#">導航標題</a></li>
  <li><a href="#">導航標題</a></li>
  <li><a href="#">導航標題</a></li>
</ul>

相應CSS:
#bar{
list-style:none;
}
#bar li{
float:left;
}
#bar li a{
float:left;
padding:7px 10px;
border:1px solid #444;
margin:5px;
background-color:#666;
color:#C00;
}
#bar li a:hover{
color:#CF0;
background-color:#444;
}