在CSS中，我們可以使用多種方法來(lái)讓圖片之間有間隔，以下是一些常用的方法：

1、使用margin屬性：

- 我們可以為圖片元素添加margin屬性，該屬性用于設(shè)置圖片之間的間隔，要設(shè)置圖片之間距離為10px，可以這樣做：

```css

img {

margin: 10px;

}

```

- 如果需要設(shè)置不同方向的間隔，可以使用margin-top、margin-right、margin-bottom和margin-left屬性。

2、使用padding屬性：

padding屬性用于設(shè)置圖片內(nèi)部與邊框之間的間隔，與margin類似，可以設(shè)置具體的像素值或百分比。

```css

img {

padding: 10px;

}

```

- 使用padding的好處是，它不會(huì)影響圖片的尺寸，只會(huì)增加圖片內(nèi)部的空白區(qū)域。

3、使用border屬性：

border屬性可以為圖片添加邊框，邊框的寬度和顏色可以根據(jù)需要設(shè)置。

```css

img {

border: 2px solid #000;

}

```

- 通過(guò)設(shè)置邊框，可以在圖片之間創(chuàng)建一定的間隔，同時(shí)增加頁(yè)面的視覺(jué)效果。

4、使用flexbox布局：

- 如果圖片是某個(gè)容器元素的子元素，可以使用flexbox布局來(lái)創(chuàng)建間隔。

```css

.container {

display: flex;

gap: 10px; /* 設(shè)置子元素之間的間隔 */

}

```

gap屬性用于設(shè)置容器內(nèi)元素之間的間隔，是CSS中創(chuàng)建間隔的一種較新方法。

5、使用grid布局：

- 對(duì)于復(fù)雜的圖片排列，可以使用grid布局來(lái)創(chuàng)建間隔。

```css

.container {

display: grid;

gap: 10px; /* 設(shè)置子元素之間的間隔 */

}

```

grid布局允許你更靈活地控制圖片的排列和間隔。