在網頁設計中，圖片排版是非常重要的一環。通過合理的設置圖片間距，可以使圖片在頁面中更加美觀、清晰。在這一過程中，css是不可或缺的一種設計工具。

下面將介紹css如何調整圖片間距：

img {
margin: 10px; /* 設置圖片外邊距為10px */
display: block; /* 將圖片設置為塊級元素 */
}

在上述代碼中，我們通過設置margin屬性來實現圖片的外邊距調整。如果要調整圖片的內邊距，可以使用padding屬性。同時，設置display為block將圖片變為塊級元素，使得我們可以更好地控制圖片的大小及間距。

值得注意的是，使用margin屬性調整圖片的間距時，要注意圖片之間的距離是疊加的。這意味著，如果有兩個相鄰的圖片，我們將它們的外邊距都設置為10px時，它們之間的距離將是20px。

除了使用margin屬性外，我們還可以通過其他屬性來調整圖片間距。下面是一些常用的屬性及其作用：

img {
border: 1px solid #ccc; /* 設置圖片邊框 */
padding: 5px; /* 設置圖片內邊距 */
float: left; /* 圖片浮動到左側 */
clear: both; /* 清除浮動元素 */
}

總之，通過合理地設置css屬性，我們可以輕松地調整圖片的間距，使得網頁設計更加美觀、清晰。