【html】
<body>
<a href=”#”>张三</a>
<a href=”#”>李四</a>
</body>
【css】
@charset “utf-8″;
a {
text-decoration: none;
color: #FF0;
background-color: #0C9;
font-size: 25px;
line-height: 25px;
padding-right: 10px;
padding-left: 20px;
display: block;
float: left;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
a:hover {
color: #FFF;
text-decoration: none;
background-color: #639;
}
如果在html中加上ul和li标签,则仅在ul中设置去掉小圆点,li中不设置css,继续在a标签中设置block和背景属性
【html】
<body>
<ul>
<li><a href=”#”>张三</a></li>
<li><a href=”#”>李四</a></li>
</ul>
</body>
【css】增加
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
但在腾讯的浏览器中出现下图:ie 火狐没问题,可见不需要用ul标签
http://blog.sina.com.cn/s/blog_5eaac5440101g8c1.html