CSS中的外邊距指的是元素與周圍元素之間的距離。在HTML中,每個元素都有默認的外邊距,具體大小取決于瀏覽器廠商實現。
p { margin: 20px; }
上述代碼是將所有的段落元素的外邊距設置為20像素。在CSS中可以使用margin-top、margin-bottom、margin-left和margin-right四個屬性單獨設置上、下、左、右四個方向的外邊距。
p { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; }
上述代碼是將所有的段落元素的上下方向外邊距設置為10像素,左右方向外邊距設置為20像素。
除了固定大小的像素外,外邊距還可以使用百分比、em、rem等單位進行設置。此外,使用負值可以將元素的外邊距向內縮進。
p { margin: -10px; }
上述代碼是將所有的段落元素的外邊距縮進10像素。
總之,在CSS中,外邊距是用于調整元素與周圍元素之間的距離的一個重要屬性,合理使用外邊距可以讓網頁的布局更加美觀和整齊。