css去掉LI前面的小图标,发现border-bottom:dashed下划线也没有了
下面是我写的代码，求解<styletype="text/css">*{margin:0;padding:0;list-style:none}.aa{width:650px...
下面是我写的代码，求解
<style type="text/css">
*{ margin:0; padding:0; list-style:none}
.aa{ width:650px; height:auto;}
.zuo{ width:450px; padding-left:10px; float:left; font-size:13px;}
.you{ float: left; color: #666666; font-size:14px;}
.aa ul li{line-height:30px; width:610px; border-bottom:dashed 1px #999999; background:url(libg.gif) 5px 10px no-repeat; display: list-item; text-align: -webkit-match-parent;}
</style>
</head>
<body>
<div class="aa">
<ul><li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
<li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
<li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
<li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
</ul>
</div>
</body>
只要去掉 list-style:none，下划线和文字前的小图标都有了，但是li的点也出来了
要求：
文字前的小三角出来，下划线出来，不要时间那的小圆点。 展开
<style type="text/css">
*{ margin:0; padding:0; list-style:none}
.aa{ width:650px; height:auto;}
.zuo{ width:450px; padding-left:10px; float:left; font-size:13px;}
.you{ float: left; color: #666666; font-size:14px;}
.aa ul li{line-height:30px; width:610px; border-bottom:dashed 1px #999999; background:url(libg.gif) 5px 10px no-repeat; display: list-item; text-align: -webkit-match-parent;}
</style>
</head>
<body>
<div class="aa">
<ul><li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
<li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
<li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
<li>
<span class="zuo">
IE9最终版透露IE10信息 或将自动在线升级</span><span class="you">2011-03-21 11:33:52</span>
</li>
</ul>
</div>
</body>
只要去掉 list-style:none，下划线和文字前的小图标都有了，但是li的点也出来了
要求：
文字前的小三角出来，下划线出来，不要时间那的小圆点。 展开
1个回答
展开全部
.aa ul li
{
line-height: 30px;
width: 610px;
min-height: 30px;
border-bottom: dashed 1px #999999;
background:url(libg.gif) 5px 10px no-repeat;
text-align: -webkit-match-parent;
}
去掉display: list-item;即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
