css中将li中的a标签，前三名前面的背景颜色不一样怎么设置呢 谢谢
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#list{
float:left;
width:200px;
height:600px
}
#list ul{
float:left;}
#list li{
float:left;
width:200px;
height:30px;
display:block;
overflow:hidden;
}
#list li a{
line-height:30px;
color:#666666;
text-decoration:none;
}
#list li.one a:hover {
background: #FFFF00;
}
#list li.two a:hover{
background:#0000FF;
}
#list li.three a:hover{
background:#00FF00;}
#list li a:hover{
text-decoration:none;
}
</style>
</head>
<body>
<div id="list">
<ul class="t">
<li class="one"><a href="#">[首页]追忆往事 展望未来</a></li>
<li class="two"><a href="#">[首页]追忆往事 展望未来</a></li>
<li class="three"><a href="#">[首页]追忆往事 展望未来</a></li>
<li><a href="#">[首页]追忆往事 展望未来</a></li>
<li><a href="#">[首页]追忆往事 展望未来</a></li>
<li><a href="#">[首页]追忆往事 展望未来</a></li>
</ul>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#list{
float:left;
width:200px;
height:600px
}
#list ul{
float:left;}
#list li{
float:left;
width:200px;
height:30px;
display:block;
overflow:hidden;
}
#list li a{
line-height:30px;
color:#666666;
text-decoration:none;
}
#list li.one a:hover {
background: #FFFF00;
}
#list li.two a:hover{
background:#0000FF;
}
#list li.three a:hover{
background:#00FF00;}
#list li a:hover{
text-decoration:none;
}
</style>
</head>
<body>
<div id="list">
<ul class="t">
<li class="one"><a href="#">[首页]追忆往事 展望未来</a></li>
<li class="two"><a href="#">[首页]追忆往事 展望未来</a></li>
<li class="three"><a href="#">[首页]追忆往事 展望未来</a></li>
<li><a href="#">[首页]追忆往事 展望未来</a></li>
<li><a href="#">[首页]追忆往事 展望未来</a></li>
<li><a href="#">[首页]追忆往事 展望未来</a></li>
</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
多加一个class 然后定义这个class
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把代码贴出来 看看才好知道！
追问
.newli {
font-size: 12px;
line-height: 25px;
font-weight: normal;
color: #333;
text-decoration: none;
background-image:url(../img/ico3.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 13px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #D5D5D5;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
