使用CSS設(shè)置圖片的間距是一個很常見的需求。通過控制CSS的margin和padding屬性，我們可以很容易地調(diào)整圖片之間的距離，讓頁面看起來更加美觀。 首先，讓我們來了解一下margin和padding屬性的區(qū)別。Margin是指元素的邊框到其相鄰元素邊框之間的距離，而Padding是指元素的內(nèi)容區(qū)域與邊框之間的距離。 接下來，我們來看一些例子。假設(shè)我們有一個包含了多張圖片的網(wǎng)頁，我們希望調(diào)整圖片之間的間距。 我們可以為所有的圖片定義一個相同的margin值，如下所示：

img {
margin: 10px;
}

這將會在所有的圖片周圍添加10個像素的間距。 我們也可以為不同的圖片添加不同的間距。例如，我們想在第二張和第三張圖片之間添加一個更大的間距，我們可以這樣做：

img {
margin: 10px;
}
img:nth-of-type(2) {
margin-right: 20px;
}

這將會在第二張圖片的右邊添加20個像素的間距。 除了使用margin屬性，我們也可以使用padding屬性來達到相同的效果。例如，我們可以這樣設(shè)置圖片的邊框和內(nèi)邊距：

img {
border: 1px solid black;
padding: 10px;
}

這將會在圖片周圍添加一個1像素的黑色邊框，并在邊框和圖片之間添加10像素的內(nèi)邊距。 總之，通過控制CSS的margin和padding屬性，我們可以輕松地調(diào)整圖片之間的距離，讓頁面看起來更加美觀。