在CSS中，我們可以使用margin和padding屬性來控制圖片與周圍內容的空距。

img {
margin: 20px; /*在圖片周圍添加20px的外邊距*/
padding: 10px; /*在圖片周圍添加10px的內邊距*/
}

上述代碼可以讓圖片周圍留出一定的空隔，使得頁面更加美觀和易讀。

如果我們想讓圖片與周圍內容有不同的空距，可以使用margin和padding屬性的四個值，分別對應上、右、下、左四個方向：

img {
margin: 20px 10px; /*上下外邊距20px，左右外邊距10px*/
padding: 10px 20px; /*上下內邊距10px，左右內邊距20px*/
}

使用這種方式可以讓頁面更加靈活，為不同的元素提供不同的空距。