用CSS制作横向菜单

前几天为了用CSS+XHTML制作第一个网站应用的菜单问题特别整理如下,希望对各位朋友有帮助。

css的完整代码是:

<br/>.test ul{list-style:none;}<br/>.test li{float:left;width:100px;background:#CCC;margin-left:3px;line-height:30px;}<br/>.test a{display:block;text-align:center;height:30px;}<br/>.test a:link{color:#666;background:url(arrow_off.gif) #CCC no-repeat 5px 12px;text-decoration:none;}<br/>.test a:visited{color:#666;text-decoration:underline;}<br/>.test a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #F00 no-repeat 5px 12px;} <br/>

页面的完整代码是:

<br/><div class="test"><br/><ul><br/><li><a href="1">首页</a></li><br/><li><a href="2">产品介绍</a></li><br/><li><a href="3">服务介绍</a></li><br/><li><a href="4">技术支持</a></li><br/><li><a href="5">立刻购买</a></li><br/><li><a href="6">联系我们</a></li><br/></ul><br/></div><br/>

察看应用:[URL=http://www.zhandou.net]战痘联盟[/URL]

Loading

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据