CSS在網站設計中扮演著非常重要的角色，其強大的特性可以使網站具有更美觀、更易用的界面。在網站設計中，圖片也是一種重要的元素，在CSS中可以通過background-image屬性將圖片作為背景加入到頁面中。

在使用CSS設置圖片時，有時候我們需要控制圖片之間的間隙。這主要可以通過設置margin或padding來實現。

img{
margin: 10px; /*設置圖片的外邊距為10px*/
}

上面這段代碼將圖片的外邊距設置為10px，這樣就會在圖片周圍留出10px的空白，形成了圖片之間的間隙。同樣地，我們也可以通過設置padding來實現這一效果：

img{
padding: 10px; /*設置圖片的內邊距為10px*/
}

上面這段代碼將圖片的內邊距設置為10px，這樣就會在圖片周圍留出10px的空白，形成了圖片之間的間隙。

需要注意的是，在使用margin或padding來設置圖片間隙時，我們需要確保圖片的box-sizing屬性設置為border-box。否則，設置的邊距會加入到圖片的寬度或高度上，導致頁面布局出現錯誤。因此，在設置圖片間隙時，我們通常需要添加一段CSS代碼如下：

img{
box-sizing: border-box; /*確保圖片的盒子模型為border-box*/
}

綜上所述，通過設置margin或padding屬性，我們可以很方便地在CSS中控制圖片之間的間隙，從而實現更美觀的頁面效果。