如何調(diào)整CSS外邊距?
在CSS中,可以使用margin
屬性來調(diào)整元素的外邊距。margin
屬性接受四個值,分別代表上、右、下、左四個方向的外邊距,每個值可以是具體的長度(如px
、em
等),也可以是百分比(相對于包含塊的寬度)。
如果你想讓一個元素的上邊距和下邊距都是10像素,右邊距和左邊距都是5像素,可以這樣寫:
element { margin: 10px 5px; }
如果你想讓元素的上邊距和下邊距都是10像素,右邊距和左邊距都是15像素,可以這樣寫:
element { margin: 10px 15px; }
如果你想讓元素的上邊距和下邊距都是10像素,右邊距和左邊距都是20像素,可以這樣寫:
element { margin: 10px 20px; }
如果你想讓元素的上邊距和下邊距都是10像素,右邊距和左邊距都是30像素,可以這樣寫:
element { margin: 10px 30px; }
如果你想讓元素的上邊距和下邊距都是10像素,右邊距和左邊距都是40像素,可以這樣寫:
element { margin: 10px 40px; }
注意:如果只有一個值,則表示所有四個方向的外邊距都是這個值,如果有兩個值,則***個值表示上下邊距,第二個值表示左右邊距,如果有三個值,則***個值表示上邊距,第二個值表示左右邊距,第三個值表示下邊距,如果有四個值,則分別表示上、右、下、左四個方向的外邊距。