CSS 無序列表怎么調距離？
在網頁中，我們經常使用無序列表元素 `
` 來對相關內容進行組織，但有時候默認的顯示效果可能不能完美滿足我們的要求。例如，我們可能希望列表項之間的間距更大或更小以使得頁面更美觀，這時候就需要使用 CSS 調整無序列表的樣式。
首先，我們需要為 `` 元素設置樣式，一般使用類選擇器。例如：
``````
接下來，我們可以使用 `padding` 或 `margin` 屬性來增加或減少列表項之間的間距。
對于 `padding` 屬性，我們可以通過 `padding-top` 和 `padding-bottom` 來控制上下間距，通過 `padding-left` 和 `padding-right` 來控制左右間距。例如：
```
.my-list {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
```
對于 `margin` 屬性，我們可以通過 `margin-top` 和 `margin-bottom` 來增加上下間距，通過 `margin-left` 和 `margin-right` 來增加左右間距。例如：
```
.my-list {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
```
此外，如果需要設置每個列表項之間的間距，我們可以使用 `li` 元素的樣式。例如，如果需要增加每個列表項之間的頂部間距：
```
.my-list li {
margin-top: 10px;
}
```
如果需要減小每個列表項之間的左右間距：
```
.my-list li {
margin-left: 5px;
margin-right: 5px;
}
```
以上就是調整無序列表間距的基本方法，可以根據需要進行適當的調整。
