2012-10-15 80 views
0

CSS3增長空間bwteen圈和文字CSS3增長空間

我有這個代碼用於填充它沒有任何區別,即使我刪除的填充仍然一無所獲:

ul.lists_index { line-height:10px; padding:0 0 -10px 0;} 
    ul.lists_index li{ line-height:20px;} 

是否有可能讓代碼增加藍色圓圈頂部和文本底部的空間?

align top http://www.kerrydeaf.com/circle_space.png

+3

向我們展示你的HTML也。 – freebird

+0

你可以在http://jsfiddle.net創建一個工作示例: – sandeep

+0

@ sandeep:我希望我知道如何使用jsfiddle,我不會在這裏問。我誠摯的道歉,我可以幫助你更多?至少我已經包含了一個HTML文件。 – Irishgirl

回答

1

在你的CSS添加此 -

#content_index_right ul li:nth-child(odd){ padding: 10px 0;} 

如果您需要在舊IE瀏覽器的支持,然後使用jQuery和添加 -

$('#content_index_right ul li:odd').css('padding', '10px 0'); 
+0

謝謝。那麼#content_index_left呢? – Irishgirl

+0

@Irishgirl也一樣:) – Dipak

+1

+1你可以這樣寫:li-n-child(2n){}。請查看http://jsfiddle.net/7uhsm/1/ – sandeep