CSS無序列表設置間距的方法 在網頁開發(fā)中，無序列表（ul）常常被用來呈現清單或者菜單等內容，然而在默認的樣式下，列表項（li）之間是沒有任何邊距的，這樣就會讓頁面顯得緊湊不舒服。因此，我們需要對列表進行一定的樣式調整來增加列表項之間的間距。本文將介紹兩種常用的方法。 方法一：設置padding padding屬性指定元素內邊距，在這里就是設置列表項的上下邊距。假設我們希望每個列表項之間有10像素的間距，則可以通過如下代碼實現： ```html``` 這里先通過list-style-type將無序列表的默認樣式去除，然后為每個列表項設置上下10個像素的padding。可見，通過padding屬性，我們成功為列表項之間增加了間距。 方法二：設置margin margin屬性指定元素外邊距，在這里也可以用來增加列表項之間的間距。假設我們希望每個列表項之間有20像素的間距，則可以通過如下代碼實現： ```html``` 這里同樣通過list-style-type將無序列表的默認樣式去除，然后為每個列表項設置下20個像素的margin。不過需要注意的是，這里假設有多個列表項，為了代碼更簡潔，我們?yōu)槌说谝粋€列表項外的其他所有列表項設置了上20個像素的margin。 總結 以上就是兩種常用的CSS設置無序列表間距的方法。在實際的開發(fā)過程中，可以根據需要選擇合適的方法，并調整間距大小，以達到更好的頁面效果。