Question

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

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

Answer 1

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>

追问

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

Answer 2

给文字价格下边框不就行了，border-bottom虚线，2个像素，再调下边距不久OK

Answer 3

设置li{list-style-position:inside;padding-left:10px;border:1px dashed #F00;}

Answer 4

在UL外面嵌套一个DIV，然后把你虚线样式加给这个DIV