我如何在我的ul的li之間添加空格（margin-bottom）？

Question

嗨，我想在我的每個李的下面添加一些空間。當我嘗試在li上設置margin-bottom時，它不起作用，只是在列表的第一個li元素上面添加了餘量。誰能告訴我怎樣才能波紋管各里添加一個空格（保證金）

Answer 1

ul li{margin-bottom:10px;} 

您可以查看這裏的例子： http://jsfiddle.net/gdfxk/

Answer 2

我剛纔想的是：

http://jsfiddle.net/UV99e/2/

它似乎工作。

HTML：

<ul class="ul1"> 
    <li>Toto</li> 
    <li>Titi</li> 
    <li>Tata</li> 
</ul> 

<ul class="ul2"> 
    <li>Toto</li> 
    <li>Titi</li> 
    <li>Tata</li> 
</ul> 

<ul class="ul3"> 
    <li>Toto</li> 
    <li>Titi</li> 
    <li>Tata</li> 
</ul> 

CSS：

li 
{  
    background-color : gray; 
    height : 25px; 
} 

.ul1>li 
{ 
    margin-bottom : 0px; 
} 

.ul2>li 
{ 
    margin-bottom : 5px; 
} 

.ul3>li 
{ 
    margin-bottom : 5px; 
}