CSS中的外邊距可以通過margin屬性來設(shè)置。margin屬性可以設(shè)置元素的上下左右四個方向的外邊距,也可以單獨(dú)設(shè)置某個方向的外邊距。
例如,以下代碼會讓p標(biāo)簽的外邊距設(shè)置為10像素:
p { margin: 10px; }還可以使用margin-top、margin-bottom、margin-left和margin-right屬性來單獨(dú)設(shè)置某個方向的外邊距。例如,以下代碼會讓p標(biāo)簽的左側(cè)外邊距設(shè)置為20像素:
p { margin-left: 20px; }當(dāng)需要設(shè)置不同方向的外邊距時,可以通過簡寫的方式來設(shè)置。例如,以下代碼會讓p標(biāo)簽的上下外邊距都設(shè)置為10像素,左右外邊距都設(shè)置為20像素:
p { margin: 10px 20px; }同時,還可以通過使用百分比來設(shè)置外邊距。例如,以下代碼會讓p標(biāo)簽的上下外邊距都設(shè)置為10%,左右外邊距都設(shè)置為20%:
p { margin: 10% 20%; }總之,margin屬性可以用于控制元素與其他元素之間的距離,它是布局和設(shè)計網(wǎng)頁時不可或缺的一部分。