在網頁中，我們常常需要使用圖片來增加頁面的美觀度和吸引力。而如果讓這些圖片彼此靠得太近，就會讓頁面顯得擁擠，不易閱讀。那么如何讓圖片之間有一定的間隔呢？這就需要使用CSS了。 在CSS中，我們可以使用margin屬性來調整圖片之間的間隔。margin即“外邊距”，表示一個元素周圍的空白區域。以下是一段CSS代碼，可以讓圖片間隔為20像素。

img {
margin: 10px;
}

可以看到，上述代碼中的“img”指的是所有圖片。我們給這些圖片設置了一個10像素的外邊距，那么就可以在圖片之間留下一定的空白了。如果你想要讓間隔更大一些，只需要增加margin的值即可。 除了設置單一的外邊距值，還可以根據需要為不同的方向設置不同的值。例如，我們可以把圖片向右移動5像素，向下移動10像素，代碼如下：

img {
margin-top: 10px;
margin-right: 5px;
}

可以看到，我們通過margin-top和margin-right分別設置了圖片的上邊緣和右邊緣的外邊距。這樣，圖片就會向右下方移動，形成一定的間隔效果。 CSS中還有其他的布局屬性可以用來調整圖片的間隔，例如padding、border等。但最常用的還是margin。在設置圖片間隔時，可以根據實際情況靈活運用不同的CSS屬性，讓頁面看起來更加美觀、整潔。