CSS中常用的樣式屬性之一是margin,它用于設置元素的外邊距,即元素與其他元素之間的間隔。而margin屬性有一個特殊的復合屬性——margin,它可以一次性設置元素的四個方向的外邊距。
.element { margin: 10px 20px 30px 40px; }
這段代碼表示元素的上邊距為10px,右邊距為20px,下邊距為30px,左邊距為40px。這里的四個數值按順序分別表示上、右、下、左方向的距離。
如果缺省某個方向的距離,例如只指定了上下方向的距離,則該方向的距離會與相對應的方向相同,如下:
.element { margin: 10px 20px; }
這段代碼表示元素的上下邊距為10px,左右邊距為20px,左右邊距相同。
當只指定一個數值時,該數值表示所有方向的距離都相同,如下:
.element { margin: 10px; }
這段代碼表示元素四個方向的邊距均為10px。
總之,margin復合屬性可以更便捷地設置元素的外邊距,而且只需寫一個屬性可以同時設置四個方向的距離,非常實用。