CSS圖片間距是網頁設計中重要的一個元素，在頁面排版中起著很重要的作用。在使用CSS設置圖片間距時，開發者需要掌握一些基本的CSS知識，了解圖片大小及相應的尺寸，然后再根據不同需要進行設置。

img {  
margin: 10px;padding: 10px;border: 1px solid #ccc;}

這是設置圖片間距和外觀的基本CSS代碼，開發者可以根據具體需求進行修改。其中margin、padding、border是三個影響圖片間距和外觀的重要屬性。

margin屬性可以設置元素的外邊距，包括上、下、左、右方向的外邊距。margin也可以分別定義，例如margin-top、margin-bottom、margin-left和margin-right。

padding屬性可以設置元素內邊距，也包括上、下、左、右方向的內邊距。padding同樣可以分別定義，例如padding-top、padding-bottom、padding-left和padding-right。

border屬性可以設置元素的邊框，如樣式、顏色和寬度等。元素的邊框也可以分別定義，例如border-style、border-color和border-width。

除了上述的基本屬性之外，還有很多其他的CSS屬性可以用來設置圖片的間距和外觀。例如，通過使用display:inline-block屬性可以實現圖片的水平排列，或者使用float:left或float:right屬性可以將圖片靠左或靠右排列。

總之，在設計網頁中圖片間距時，CSS是非常重要的一個元素，開發者需要掌握一些基本的CSS知識才能達到優秀的設計效果。