<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(images/icon1.jpg) #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(images/icon2.jpg) #F00 no-repeat 5px 12px; -moz-transform: translate(4px, 4px); -webkit-transform: translate(4px, 4px); -o-transform: translate(4px, 4px);}</style></head><body><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></body></html>
1 回答
- 1 回答
- 0 关注
- 1384 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消