如何用html制作导航条按钮？

Question

如题所述

Answer 1

<style type="text/css">
#daohang{ width:900px;}
#daohang ul{ list-style:none;}
#daohang ul li{ width:100px; display:block; background:#999999; float:left; text-align:center}
#daohang ul li:hover{}
#daohang ul li a{text-decoration:none; display:block;}
#daohang ul li a:hover{ background:#FF0000; color:#000000;text-decoration:none}
</style>
<div id="daohang">
<ul>
<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>
<li><a href="">菜单六</a></li>
</ul>
</div>
看看行不行