前几天为了用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]