CSS margin(外边距)属性定义元素周围的空间。

margin

• margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。

• margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。

Margin - 单边外边距属性

css
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Margin - 简写属性

为了缩短代码，有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性。

所有边距属性的简写属性是 margin :

css
margin:100px 50px;

margin属性可以有一到四个值。

在CSS中，margin属性的简写形式允许你一次性设置四个不同方向的边距。当你使用一个包含一到四个值的margin属性时，这些值的顺序如下：

• 第一个值（顶部边距）：margin-top
• 第二个值（右侧边距）：margin-right
• 第三个值（底部边距）：margin-bottom
• 第四个值（左侧边距）：margin-left

如果你提供的值少于四个，它们会按以下规则应用：

• 如果提供一个值，所有四个方向的边距都将使用这个值。
• 如果提供两个值，第一个值应用于顶部和底部，第二个值应用于左边和右边。
• 如果提供三个值，第一个值应用于顶部，第二个值应用于左边和右边，第三个值应用于底部。
• 如果提供四个值，则按顺序分别应用于顶部、右边、底部和左边。

example 1

css
/* 
上边距为25px
右边距为50px
下边距为75px
左边距为100px
 */
margin:25px 50px 75px 100px;

example 2

css
/*
上边距为25px
左右边距为50px
下边距为75px
*/
margin:25px 50px 75px;

example 3

css
/*
上下边距为25px
左右边距为50px
*/
margin:25px 50px;

example 4

css
/*
所有的4个边距都是25px
*/
margin:25px;