css横向列表

yunmoxue

　　<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>

来自--http://www.bitscn.com/school/HTMLCSS/200709/111793.html
一个 有趣的 css 网站.分享..
http://onlyaa.com/examples/Drag.Drop.Modules/demo/demo_20070110_fetch_page.htm