CSS中設(shè)置圖片之間的間距可以讓頁面看起來更加美觀和整潔。下面介紹一些常用的方法。

img {
margin: 10px; /*設(shè)置圖片外邊距*/
display: inline-block; /*將圖片變成行內(nèi)塊元素*/
}

上面代碼中，我們使用了margin來設(shè)置圖片的外邊距，同時使用了display屬性將圖片變成行內(nèi)塊元素。這樣，圖片就可以在同一行中排列，并且留下一定的間距。

img {
padding: 10px; /*設(shè)置圖片內(nèi)邊距*/
background-color: #ccc; /*設(shè)置圖片背景色*/
border: 1px solid #000; /*設(shè)置圖片邊框*/
}

除了使用外邊距，我們還可以使用內(nèi)邊距、背景色以及邊框來為圖片設(shè)置間距。上面代碼中，我們使用padding來設(shè)置圖片的內(nèi)邊距，使得圖片與周圍元素保持一定距離。同時，我們還設(shè)置了背景色和邊框，以增強圖片的視覺效果。

需要注意的是，以上方法均針對單個圖片的設(shè)置，如果頁面中有多個圖片需要設(shè)置間距，可以用類名或id來進行區(qū)分。例如：

.img-block {
margin: 10px;
display: inline-block;
}

以上代碼中，我們給所有需要設(shè)置間距的圖片添加了一個類名img-block。這樣，只需要在CSS中對該類進行設(shè)置，所有該類的圖片都會應(yīng)用這些樣式。