CSS 中 margin 和 padding 的区别

开门见山：

margin 和 padding 是 CSS 中用于控制元素周围空间的两个不同的属性。margin 规定元素与周围元素或浏览器的边界的距离，而 padding 规定元素内容与元素边界的距离。

详细解释：

margin

• 指定元素与周围元素或浏览器边缘的距离。
• 可以有四个值（上、下、左、右），或一个值应用于所有四个方向。
• 默认值为 0。
• 正值会使元素远离周围元素，而负值会使其靠近周围元素。

padding

• 指定元素内容与元素边界的距离。
• 也可有四个值，或一个值应用于所有四个方向。
• 默认值为 0。
• 正值会使元素内容远离边框，而负值会使其靠近边框。

区别总结：

特性	margin	padding
作用	控制元素与周围元素的距离	控制元素内容与元素边界的距离
默认值	0	0
影响的内容	元素边框之外的区域	元素边框之内的区域

以上就是css中margin和padding的区别的详细内容，更多请关注css网站其它相关文章！