CSS 無序列表怎么調(diào)距離？
在網(wǎng)頁中，我們經(jīng)常使用無序列表元素 `
` 來對相關(guān)內(nèi)容進(jìn)行組織，但有時(shí)候默認(rèn)的顯示效果可能不能完美滿足我們的要求。例如，我們可能希望列表項(xiàng)之間的間距更大或更小以使得頁面更美觀，這時(shí)候就需要使用 CSS 調(diào)整無序列表的樣式。
首先，我們需要為 `` 元素設(shè)置樣式，一般使用類選擇器。例如：
```- 列表項(xiàng)
- 列表項(xiàng)
- 列表項(xiàng)
```
接下來，我們可以使用 `padding` 或 `margin` 屬性來增加或減少列表項(xiàng)之間的間距。
對于 `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;
}
```
此外，如果需要設(shè)置每個(gè)列表項(xiàng)之間的間距，我們可以使用 `li` 元素的樣式。例如，如果需要增加每個(gè)列表項(xiàng)之間的頂部間距：
```
.my-list li {
margin-top: 10px;
}
```
如果需要減小每個(gè)列表項(xiàng)之間的左右間距：
```
.my-list li {
margin-left: 5px;
margin-right: 5px;
}
```
以上就是調(diào)整無序列表間距的基本方法，可以根據(jù)需要進(jìn)行適當(dāng)?shù)恼{(diào)整。
