CSS中，圖片的留白是指在圖片周圍加上一定的間距，讓圖片和文本之間有一定的距離，增強(qiáng)頁面的美觀性和易讀性。

圖片上留白可以通過設(shè)置外邊距來實(shí)現(xiàn)。示例代碼如下：

img {
margin: 10px;
}

上述代碼表示在圖片周圍留白10像素。如果希望在圖片左側(cè)留白10像素，右側(cè)留白20像素，可以使用如下代碼：

img {
margin: 0 20px 0 10px;
}

上述代碼表示在左右兩側(cè)留白分別為10像素和20像素。還可以通過設(shè)置內(nèi)邊距來實(shí)現(xiàn)更細(xì)致的留白效果。示例代碼如下：

img {
padding: 10px;
}

上述代碼表示在圖片周圍留白10像素的內(nèi)邊距。如果希望在圖片左側(cè)留白10像素，右側(cè)留白20像素，可以使用如下代碼：

img {
padding: 0 20px 0 10px;
}

上述代碼表示在左右兩側(cè)留白分別為10像素和20像素的內(nèi)邊距。

總之，圖片上留白是一種很好的設(shè)計(jì)技巧，可以使網(wǎng)頁更加美觀，易讀，增強(qiáng)用戶體驗(yàn)。