CSS控制的横向列表菜单代码,Css代码库,德仔网

代码语言

代码分类

【Css】 CSS控制的横向列表菜单

作者:Dezai.CN / 发布于2013/9/25/ 570


	<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">技术支持</a></li>
	<li><a href="5">立刻购买</a></li>
	<li><a href="6">联系我们</a></li>
	</ul>
	</div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　横向列表菜单　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)