CSS中的margin(外邊距)是指元素周圍的空白區域,它可以為元素增加一定的留白或間距。
我們可以利用margin屬性來設置元素的外邊距,該屬性可設置四個值,即上、右、下、左,各值之間可用空格、逗號或斜杠分隔。如果僅設置一個值,則四個外邊距均為該值;如果設置兩個值,則第一個值為上/下外邊距,第二個值為左/右外邊距;如果設置三個值,則第一個值為上外邊距,第二個值為左/右外邊距,第三個值為下外邊距;如果設置四個值,則分別表示上、右、下、左外邊距。
/* 設置所有外邊距為10px */ div { margin: 10px; } /* 設置上下外邊距為10px,左右外邊距為20px */ div { margin: 10px 20px; } /* 設置上外邊距為10px,左右外邊距為20px,下外邊距為30px */ div { margin: 10px 20px 30px; } /* 設置上、右、下、左外邊距分別為10px、20px、30px、40px */ div { margin: 10px 20px 30px 40px; }
除了使用固定的數值之外,我們還可以使用百分比、em、rem等單位來設置外邊距的大小。同時,margin屬性還支持負值,可用于縮小元素的大小或減小元素之間的間距。
上一篇css亂碼怎么恢復中文
下一篇java求整和取余