html5中margin的用法

2024年1月31日发(作者：)

在HTML5中，margin属性用于设置元素的外边距。该属性可以有1到4个值，用来分别设置四个外边距的值。语法为“margin:上外边距 右外边距 下外边距 左外边距;”。

例如：

1. margin:10px5px15px20px; 上外边距是10px，右外边距是5px，下外边距是15px，左外边距是20px。

2. margin:10px5px15px; 上外边距是10px，右外边距和左外边距是5px，下外边距是15px。

3. margin:10px5px; 上外边距和下外边距是10px，右外边距和左外边距是5px。

4. margin:10px; 所有4个外边距都是10px。

margin属性可以有以下几种值：

1. auto：浏览器计算外边距。

2. length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是0px。

3. %：以包含元素宽度的百分比指定外边距。

4. inherit：规定应该从父元素继承外边距。

此外，块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。