本文，南昌网站建设公司将向大家提供超漂亮实用的CSS控制的横向列表菜单代码,欢迎大家转载使用

<style type="text/css">
.test ul{list-style:none;}
.test li{float:left;width:100px;background:#CCC;margin-left:3px;line-height:30px;}
.test a{display:block;text-align:center;height:30px;}
.test a:link{color:#666;background:url(arrow_off.gif) #CCC no-repeat 5px 12px;text-decoration:none;}
.test a:visited{color:#666;text-decoration:underline;}
.test a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #F00 no-repeat 5px 12px;} 
</style>
 
<div class="test">
<ul>
<li><a href="1">首页</a></li>
<li><a href="2">网站建设</a></li>
<li><a href="3">网站优化</a></li>
<li><a href="4">南昌SEO</a></li>
<li><a href="5">在线留言</a></li>
<li><a href="6">联系我们</a></li>
</ul>
</div>
<p>南昌网站建设，南昌品牌网站建设公司：<a href="http://www.0791i.com" target="_blank">智网互联a></p>

以上代码由南昌网站建设、南昌网站优化公司“智网互联”整理发布，如有不足之处，欢迎指出，谢谢