在網頁設計中，圖片是不可或缺的一部分。但是，如果把很多張圖片擠在一起，就會給用戶帶來不好的視覺體驗。這時候，我們就需要用CSS來為圖片添加間距。

首先，在HTML中插入圖片的代碼如下：

<img src="圖片地址" />

為了為圖片添加間距，我們可以通過CSS的margin屬性來實現。在CSS中，margin可以分為四個方向：上、右、下、左。我們可以設置不同的數值來調整圖片的間距。

比如，如果我們想讓所有圖片的上下左右都有10px的間距，可以使用以下代碼：

img {
margin: 10px;
}

如果只想讓圖片左右有20px的間距，可以這樣寫：

img {
margin-left: 20px;
margin-right: 20px;
}

如果想給特定的圖片添加間距，可以為該圖片添加一個類名，然后在CSS中調整：

<img src="圖片地址" class="my-image" />
.my-image {
margin: 10px;
}

需要注意的是，圖片的間距可能會影響到網頁的排版。如果調整不當，可能會導致文字和其他元素的位置錯亂。因此，我們需要在調整圖片間距時，及時觀察網頁的效果，并進行適當的調整。

總結一下，通過CSS的margin屬性，我們可以為圖片添加間距，提高用戶的視覺體驗。需要注意調整圖片間距時，要考慮到網頁的整體布局。