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