CSS中的邊距指的是元素周圍的空白區域。邊距屬性有四個值,分別是:上、右、下、左邊距。
使用CSS設置元素邊距,可以通過以下方式:
div { margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; }
上面的代碼設置了一個div元素的四個邊距值,分別為10px,20px,30px,40px。
如果四個值都一樣,可以簡寫為:
div { margin: 10px; }
這樣就可以將四個邊距值都設置成10px。
另外,如果只想設置水平方向或垂直方向的邊距,可以使用以下屬性:
div { margin-top: 10px; margin-bottom: 20px; /* 水平方向邊距為0 */ margin-left: 0; margin-right: 0; /* 或者簡寫為 margin: 10px auto; */ }
上面的代碼設置了div元素的上邊距為10px,下邊距為20px,水平方向邊距為0。
除此之外,CSS還提供了一個“自動”值,可以用于水平居中元素:
div { width: 80%; margin: 0 auto; }
上面的代碼將div元素的寬度設置為80%,并將水平方向的邊距設置成自動,這樣就可以使元素水平居中了。