CSS外邊距屬性是控制元素邊緣空白的一種方式。外邊距是指元素邊緣與其他元素之間的空白區(qū)域,通常用于調(diào)整元素之間的間距或者讓元素與頁面邊緣保持一定距離。
/* 設(shè)置元素所有邊緣的外邊距為10像素 */ margin: 10px; /* 設(shè)置上下邊緣的外邊距為10像素,左右邊緣不變 */ margin-top: 10px; margin-bottom: 10px; /* 設(shè)置左右邊緣的外邊距為10像素,上下邊緣不變 */ margin-left: 10px; margin-right: 10px; /* 設(shè)置上下左右邊緣的外邊距分別為10像素 */ margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; /* 設(shè)置不同方向的外邊距 */ margin: 10px 20px 30px 40px; /* 上邊緣10px,右邊緣20px,下邊緣30px,左邊緣40px */
上述代碼中,margin屬性是一個縮寫屬性,用于設(shè)置所有邊緣的外邊距。同時,我們也可以使用margin-top、margin-right、margin-bottom、margin-left分別設(shè)置上下左右各個邊緣的外邊距。此外,我們還可以使用簡寫的方式來設(shè)置不同方向的外邊距,按照上、右、下、左的順序依次設(shè)置。
總之,CSS外邊距屬性可以幫助我們控制HTML元素的外邊距間距,讓頁面更加美觀舒適。