CSS的外邊距是調整元素間距離的常用方法之一。外邊距可以控制元素與其他元素之間的距離,同時也可以調整元素與邊框的距離。
.box { margin: 10px; }
上述代碼表示,在.box元素的外部增加10像素的外邊距,以此來控制.box元素與其他元素的間隔距離。
我們還可以使用負值外邊距來達到一些特殊的效果,比如使兩個元素之間沒有間隙。
.box1 { margin-right: 10px; } .box2 { margin-left: -10px; }
上述代碼表示.box1元素增加10像素右外邊距,使.box2元素的左外邊距移動到.box1元素的邊框上,實現兩個元素之間沒有間隙的效果。
另外,可以將外邊距設置為auto,使元素在水平方向居中顯示。
.box { margin: 0 auto; width: 50%; }
上述代碼表示.box元素水平居中,并將寬度設置為父元素寬度的50%。
總的來說,CSS的外邊距是一個非常靈活的工具,可以通過設置外邊距來實現元素間、元素與邊框間的間隔調整,同時也可以達到一些無間隙、水平居中的特殊效果。
上一篇css例程源代碼
下一篇dw輪播圖代碼 html