在CSS中,我們可以使用margin
屬性來(lái)改變?cè)氐耐膺吘唷?code>margin屬性可以設(shè)置一個(gè)元素邊緣到其周?chē)剡吘壍木嚯x,這個(gè)屬性可以接受四個(gè)值,分別代表上、右、下、左四個(gè)方向的外邊距。
如果我們想要設(shè)置一個(gè)元素的外邊距為20像素,可以將其寫(xiě)成如下形式:
margin: 20px;
這將會(huì)使該元素的上、右、下、左四個(gè)方向的外邊距都為20像素。
如果我們想要設(shè)置不同方向的外邊距,可以將四個(gè)值分別寫(xiě)出來(lái):
margin: 10px 20px 30px 40px;
這將會(huì)使該元素的上外邊距為10像素,右外邊距為20像素,下外邊距為30像素,左外邊距為40像素。
margin
屬性還可以接受百分比作為值,這將使外邊距相對(duì)于包含塊的寬度或高度進(jìn)行設(shè)置。
margin: 10%;
這將會(huì)使該元素的外邊距為其包含塊的寬度的10%。
需要注意的是,margin
屬性會(huì)疊加應(yīng)用,即如果一個(gè)元素同時(shí)設(shè)置了上、下兩個(gè)方向的外邊距,那么實(shí)際的外邊距將是這兩個(gè)值中的較大者。margin
屬性也會(huì)受到其他樣式屬性的影響,如border
和padding
等,在設(shè)置margin
屬性時(shí),需要綜合考慮其他樣式屬性的影響。