看起来简单的难题:怎样能让<li>的缩进小一些?

要实现一种效果:
怎样能将无序列表的默认缩进长度变小一些?
一般无序列表每一级都缩进2.5个字符,现在在一个论坛程序中,只想让它略微有缩进即可,并且不要前面的黑圆点。

去掉黑圆点可以作到,让无序列表整体向前缩回-2.5em也可以作到,但实在是不能让每级的列表都减少缩进程度,谁有办法吗?

---------------------------------------------

1<style>   
2.cls1 li{margin-left:1em}   
3.cls2 li{margin-left:-1em}   
4</style>
 1<body>   
 2wider...   
 3<div class="cls1">
 4<ul>
 5<li>a<ul>
 6<li>aa<ul>
 7<li>aaa   
 8<li>bbb   
 9</li></li></ul>
10<li>bb   
11</li></li></ul>
12<li>b   
13</li></li></ul>
14</div>   
15  
16normal   
17<div>
18<ul>
19<li>a<ul>
20<li>aa<ul>
21<li>aaa   
22<li>bbb   
23</li></li></ul>
24<li>bb   
25</li></li></ul>
26<li>b   
27</li></li></ul>
28</div>   
29small   
30<div class="cls2"><ul>
31<li>a<ul>
32<li>aa<ul>
33<li>aaa   
34<li>bbb   
35</li></li></ul>
36<li>bb   
37</li></li></ul>
38<li>b   
39</li></li></ul>
40</div></body>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus