关于CSS<li>下划线问题 急求

怎么能让下划线能往前延伸 把前面的空白填满

第1个回答  推荐于2018-03-15

li前面的点用图片代替的话,虚线就可以往前移

<style>
    ul{padding:0;}
    li {list-style:none; 
    background:url('图片地址') scroll 0 10px no-repeat transparent; 
    border-bottom:1px dashed #cccccc;
    padding:0 0 10px 10px; 
    margin-top:10px;}
</style>
<ul>
    <li>asdgasdf</li>
    <li>lejtqtoi</li>
    <li>etrqetqwer</li>
</ul>

追问

前面还是有一段空白 看起来很别扭

本回答被网友采纳
第2个回答  2013-06-18
给文字价格下边框不就行了,border-bottom虚线,2个像素,再调下边距不久OK
第3个回答  2013-06-19
设置li{list-style-position:inside;padding-left:10px;border:1px dashed #F00;}本回答被提问者采纳
第4个回答  2013-06-18
在UL外面嵌套一个DIV,然后把你虚线样式加给这个DIV
相似回答