margin是CSS中一种用于设置元素外部间距的属性。margin属性指定一个元素与其相邻元素之间的空间，可以控制元素的位置和大小。
margin属性可以接受四个值，分别控制上、右、下、左四个方向的外边距。如果只指定一个值，则此值将应用于所有四个方向的外边距；如果指定两个值，则第一个值将应用于上下方向，第二个值将应用于左右方向；如果指定三个值，则第一个值将应用于上方，第二个值将应用于左右方向，第三个值将应用于下方；如果指定四个值，则分别应用于上、右、下、左四个方向的外边距。
以下是margin属性的一些常用实例：
1、设置所有方向的外边距：
div {
margin: 10px;
}
在这个例子中，我们将<div>元素的margin属性设置为10px，这将在元素周围创建10px的空白区域。
2、设置上下方向的外边距和左右方向的外边距 css代码：
div {
margin: 10px 20px;
}
在这个例子中，我们将<div>元素的margin属性设置为10px和20px，这将在元素上下各创建10px的空白区域，在元素左右各创建20px的空白区域。
3、设置上、左右、下三个方向的外边距：
div {
margin: 10px 20px 30px;
}
在这个例子中，我们将<div>元素的margin属性设置为10px、20px和30px，这将在元素上方创建10px的空白区域，在元素左右各创建20px的空白区域，在元素下方创建30px的空白区域。
4、设置所有四个方向的外边距：
div {
margin: 10px 20px 30px 40px;
}
在这个例子中，我们将<div>元素的margin属性设置为10px、20px、30px和40px，这将在元素上方创建10px的空白区域，在元素右侧创建20px的空白区域，在元素下方创建30px的空白区域，在元素左侧创建40px的空白区域。