CSS3中的margin,是網頁布局中常用的一個屬性,用于設置元素的外邊距。margin屬性共有四個值,分別是margin-top,margin-right,margin-bottom和margin-left,用于分別設置元素的上、右、下和左外邊距的值。
margin屬性有兩種設置方式,一種是設置所有外邊距的值相同,另一種是分別設置每個方向的外邊距。看下面的代碼:
/* 設置所有外邊距的值相同 */ div{margin: 20px;} /* 分別設置每個方向的外邊距 */ div{ margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; }
在設置所有外邊距的值相同時,只需寫一個值,這個值會被自動應用到四個方向的外邊距。而在分別設置每個方向的外邊距時,需要分別設置四個方向的值。
另外,margin還有一個特殊的值,就是負值。負值的作用是向元素的相鄰元素方向上擴展外邊距。例如,設置margin-left為負值時,會使元素向左移動,其相鄰元素則會被擠開。
總之,margin屬性是布局過程中非常常用的屬性,能夠有效控制元素的外邊距大小及其方位,使頁面布局更加靈活。