<html>
<style>
body{ font-size:12px;}
.test li{ width:80px; height:20px; background:#CCCCCC; display:block; list-style-type:none; float:left;}
.test li a{ padding-left:1px;width:80px; height:20px; background:#CCCCCC; display:block; list-style-type:none; float:left; text-align:center; line-height:20px; text-decoration:none; color:#000099;}
.test li a:hover{ padding-left:1px;width:80px; height:20px; background:#FFCC33; display:block; list-style-type:none; float:left; text-align:center; line-height:20px; text-decoration:none; color:#FF0000;}
</style>
<body>
<div>
<ul class=test>
<li><a href=#>test1</a></li>
<li><a href=#>test2</a></li>
<li><a href=#>test3</a></li>
</ul>
</div>
</body>
</html>
- 上一篇: 如何制作这种导航(请提供详细代码)
- 下一篇: 返回列表