在網頁設計中，圖片是必不可少的元素。而對于圖片的間距調整，CSS提供了多種方式。下面我們一起來看看具體的實現方法。

首先，我們可以使用margin屬性來調整圖片的上下左右間距。下面是一個例子：

img {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
}

以上代碼將使圖片上下間距為10像素，左右間距為20像素。

其次，我們可以使用padding屬性來調整圖片與其周圍元素的間距。下面是一個例子：

div {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
img {
display: block;
}

以上代碼將使圖片與其周圍元素的間距為10像素，而圖片則被設置為塊級元素。

最后，我們可以通過使用border屬性來為圖片添加邊框，從而控制圖片的間距。下面是一個例子：

img {
border: 10px solid #ccc;
}

以上代碼將使圖片周圍有10像素的灰色邊框。

總的來說，調整圖片間距的方法非常多樣化，開發者可以根據自己的實際需求選擇最合適的方式來實現。