在CSS中，我們可以使用多種方法來(lái)控制li和li之間的距離，以下是一些常見(jiàn)的方法：

1、使用margin屬性：

- 通過(guò)設(shè)置margin屬性，我們可以增加li元素之間的空間。margin-right和margin-left可以分別控制左右兩側(cè)的距離。

- 示例：

```css

li {

margin-right: 20px;

margin-left: 20px;

}

```

2、使用padding屬性：

padding屬性可以用來(lái)控制li元素內(nèi)部的空間。padding-right和padding-left可以分別控制左右兩側(cè)的內(nèi)邊距。

- 示例：

```css

li {

padding-right: 20px;

padding-left: 20px;

}

```

3、使用border屬性：

- 通過(guò)設(shè)置border屬性，我們可以添加邊框到li元素之間，從而改變它們之間的距離。

- 示例：

```css

li {

border-right: 1px solid #000;

border-left: 1px solid #000;

}

```

4、使用flexbox布局：

- 使用flexbox布局，我們可以輕松地控制li元素之間的空間分配，通過(guò)調(diào)整justify-content和align-items屬性，我們可以改變?cè)刂g的水平和垂直距離。

- 示例：

```css

ul {

display: flex;

justify-content: space-between;

align-items: center;

}

```

5、使用grid布局：

- 通過(guò)grid布局，我們可以更***地控制每個(gè)li元素的位置和大小，從而調(diào)整它們之間的距離，使用grid-gap屬性可以設(shè)置相鄰元素之間的空間。

- 示例：

```css

ul {

display: grid;

grid-gap: 20px;

}

```

6、使用transform屬性：

- 通過(guò)設(shè)置transform屬性，我們可以對(duì)li元素進(jìn)行空間變換，從而改變它們之間的距離，使用translateX()函數(shù)可以水平移動(dòng)元素。

- 示例：

```css

li {

transform: translateX(20px);

}

```

這些方法可以根據(jù)具體的需求和布局進(jìn)行調(diào)整，希望這些示例能幫助你更好地控制li和li之間的距離。