在CSS中，我們可以控制網頁圖片與文本之間的間距。這些間距可以讓我們的網頁看起來更加美觀和清晰。下面是一些常見的圖片間距CSS代碼：

首先是外邊距（margin）代碼：

img {
margin: 10px; /* 上下左右的外邊距都設置為10像素 */
}

我們也可以分別設置圖片的上下左右邊距，如下所示：

img {
margin-top: 10px;    /* 頂部外邊距為10像素 */
margin-bottom: 20px; /* 底部外邊距為20像素 */
margin-left: 5px;    /* 左側外邊距為5像素 */
margin-right: 5px;   /* 右側外邊距為5像素 */
}

接下來是內邊距（padding）代碼：

img {
padding: 10px; /* 上下左右的內邊距都設置為10像素 */
}

同樣，我們可以分別設置圖片的上下左右內邊距，如下所示：

img {
padding-top: 10px;    /* 頂部內邊距為10像素 */
padding-bottom: 20px; /* 底部內邊距為20像素 */
padding-left: 5px;    /* 左側內邊距為5像素 */
padding-right: 5px;   /* 右側內邊距為5像素 */
}

通過調整這些間距，我們可以輕松地控制網頁中圖片和文本之間的距離，讓我們的網頁更加美觀和易讀。