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