CSS樣式中,可以使用margin
屬性來設(shè)置元素的邊距,該屬性可以接收四個(gè)值,分別代表上、右、下、左四個(gè)方向的邊距,如果要設(shè)置一個(gè)元素的上邊距為10px,右邊距為20px,下邊距為30px,左邊距為40px,可以這樣寫:
.element { margin: 10px 20px 30px 40px; }
10px
代表上邊距,20px
代表右邊距,30px
代表下邊距,40px
代表左邊距,每個(gè)值之間用空格隔開。
除了四個(gè)值外,margin
屬性還可以接收兩個(gè)值或三個(gè)值,兩個(gè)值分別代表上下邊距和左右邊距,
.element { margin: 10px 20px; }
10px
代表上下邊距,20px
代表左右邊距,三個(gè)值分別代表上、中、下三個(gè)位置的邊距,
.element { margin: 10px 20px 30px; }
10px
代表上邊距,20px
代表中間位置的邊距(左右兩邊距相等),30px
代表下邊距。
需要注意的是,如果元素內(nèi)部還有其他元素,那么這些內(nèi)部元素的邊距也會(huì)受到外部元素的影響,在設(shè)置外部元素的邊距時(shí),需要考慮到內(nèi)部元素的布局和位置。