在CSS(層疊樣式表)中,margin(外邊距)是一種用于控制元素周圍空間的屬性。它可以為元素創建一個空白區域,使得其與其他元素相互分離。
.example { margin: 10px; }
在上面的代碼段中,我們可以看到margin屬性被設置為10px。這意味著該元素將在上下左右都創建一個10px的空白區域。
如果我們想要僅設置元素的左邊距,可以使用margin-left屬性。
.example { margin-left: 20px; }
上述代碼會在元素的左側創建一個20px的空白區域。同樣地,我們也可以使用margin-top、margin-right和margin-bottom屬性來分別設置元素的上、右和下外邊距。
除了像上面這樣設置具體的數值,我們也可以使用百分比值或auto來設置margin。例如:
.example { margin: 0 auto; }
上述代碼將會使元素水平居中,因為它的左右外邊距都被設置為auto,表示將其平均分配在元素左右兩側。
總結來說,margin是CSS中常見的一個重要屬性,它可以控制元素周圍空間,使網頁排版更加美觀、合理。
上一篇css控制表格大全
下一篇css控制字數可換行