» 网友学堂 » HTML/CSS教程 » 用CSS控制的横向列表菜单
用CSS控制的横向列表菜单
作者:lonjew 发表时间:2008-4-24 09:46 阅读:204次 在百度搜索相关内容

  
.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;}