CSS是網(wǎng)頁(yè)開(kāi)發(fā)中最重要的一種語(yǔ)言，它可以控制頁(yè)面元素的樣式和布局。在CSS中，我們常常使用圖片來(lái)豐富頁(yè)面表現(xiàn)。下面我們來(lái)看看如何設(shè)置圖片的間距。

1. margin屬性

img {
margin: 10px;
}

這段代碼將圖片和其周圍的內(nèi)容相隔10像素。

2. padding屬性

img {
padding: 10px;
}

這段代碼將在圖片和其邊框之間添加10像素的間距。

3. border-spacing屬性

img {
border-spacing: 10px;
}

這段代碼將在圖片和邊框之間添加10像素的間距。

4. float屬性

img {
float: left;
margin-right: 10px;
}

這段代碼將圖片向左浮動(dòng)，并在其右側(cè)添加10像素的間距。

5. display屬性

img {
display: inline-block;
margin-right: 10px;
}

這段代碼將圖片設(shè)為行內(nèi)塊元素，并在其右側(cè)添加10像素的間距。

總結(jié)起來(lái)，使用margin、padding、border-spacing、float和display屬性均可實(shí)現(xiàn)圖片間距的效果，具體應(yīng)根據(jù)實(shí)際情況選擇適合的方法。