css 中,margin 指定元素與周圍元素的距離,padding 指定元素內容與元素邊界的距離。兩者默認值均為 0,margin 影響元素邊框之外的區域,而 padding 影響邊框之內區域。
CSS 中 margin 和 padding 的區別
開門見山:
margin 和 padding 是 CSS 中用于控制元素周圍空間的兩個不同的屬性。margin 規定元素與周圍元素或瀏覽器的邊界的距離,而 padding 規定元素內容與元素邊界的距離。
詳細解釋:
margin
指定元素與周圍元素或瀏覽器邊緣的距離。
可以有四個值(上、下、左、右),或一個值應用于所有四個方向。
默認值為 0。
正值會使元素遠離周圍元素,而負值會使其靠近周圍元素。
padding
指定元素內容與元素邊界的距離。
也可有四個值,或一個值應用于所有四個方向。
默認值為 0。
正值會使元素內容遠離邊框,而負值會使其靠近邊框。
區別總結:
特性 | margin | padding |
---|---|---|
作用 | 控制元素與周圍元素的距離 | 控制元素內容與元素邊界的距離 |
默認值 | 0 | 0 |
影響的內容 | 元素邊框之外的區域 | 元素邊框之內的區域 |