在網頁設計中，圖片與圖片間的距離往往是重要的視覺元素之一。為了讓網頁看起來更加美觀，CSS 可以幫助我們輕松控制圖片與圖片間的距離。

在 CSS 中，我們可以使用margin和padding屬性來控制元素與周圍元素之間的距離。

例如，假設我們有多張圖片，我們可以在 CSS 中添加以下代碼：

img {
margin: 20px;
}

這將使每張圖片周圍都有 20 像素的空白區域。如果我們希望給位于不同位置的圖片設置不同的距離，我們可以使用類選擇器：

.img-left {
margin-right: 20px;
}
.img-right {
margin-left: 20px;
}

這將分別在左側和右側為具有相應類的圖片設置 20 像素的外邊距。

除了外邊距，我們還可以使用內邊距來控制圖像和周圍文本之間的距離。例如，我們可以使用以下代碼將圖像和相鄰文本之間的距離增加到 10 像素：

img {
padding-right: 10px;
}

使用 CSS 控制圖片與圖片之間的距離可以增強網頁的視覺效果，帶來更好的用戶體驗。