在Web開發(fā)中，我們經(jīng)常需要給頁面中的圖片設置行距，以更好地控制圖片與周圍內(nèi)容之間的距離。那么，該如何用CSS來實現(xiàn)呢？

img{
margin-bottom: 20px; /* 設置圖片下方20像素的距離 */
}

以上的CSS代碼可以使所有的圖片下方增加20像素的空白，使得與下方的文本或其他內(nèi)容之間有足夠的間隙。

如果需要對某個特定的圖片進行行距設置，也可以給該圖片添加一個類名或ID，然后再針對該類名或ID單獨設置CSS樣式。

.example-img{
margin-bottom: 20px; /* 設置圖片下方20像素的距離 */
}

以上代碼可以使ID或類名為example-img的圖片下方增加20像素的空白。

值得注意的是，這種方法只適用于圖片的下方行距，如果需要調(diào)整圖片與其他元素之間的行距，需要繼續(xù)探索其他CSS屬性的使用。