2024年6月7日发(作者：)

CSS margin外边距外间距 即div与div间距

CSS 外边距，div与div间距设置基础之css margin DIV CSS margin外边距外补白

边距样式属性

margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可

以使用margin样式实现上下2个盒子间距。Margin呈现是位于对象边框外侧，紧贴于边

框，marign与padding位置却相反css padding却是紧贴边框位于边框内侧。

目录

1. margin语法与应用结构

2. css margin缩写简写

3. 常用的margin样式

4. css margin用法案例

5. css margin总结

一、margin基础语法与结构

DIV CSS外边距指CSS属性单词margin，margin是设置对象四边的外延边距，没

有背景颜色也无颜色。

1、margin语法

Margin:10px

Margin的值是数字+html单位，同时也可以为auto（自动、自适应）

2、应用结构

Div{margin:10px}

设置div对象四边间距为10px

3、Margin说明

margin是设置对象外边距外延边距离。

margin的值有三种情况，可以为正整数和负整数并加单位如PX像素

（margin-left:20px）；可以为auto自动属性(margin-left:auto 自动)；可以为百分比（%）

值（margin-left:3%）。

Margin延伸（单独设置四边间距属性单词）

margin-left 对象左边外延边距 （margin-left:5px; 左边外延距离5px）