另外，还有一个非常有用的属性可以帮助大家一次性地控制所有方向的边距，那就是margin。当大家使用margin属性时，大家可以通过设置一个、两个、三个或四个值来分别控制四个方向上的边距。
如果只设置一个值，这个值将应用于所有四个边距；如果设置两个值，第一个值将应用于上下边距，第二个值将应用于左右边距；如果设置三个值，则分别应用于上、左右、下三个边距；如果设置四个值，则分别应用于上、右、下、左四个边距。
/* 设置统一边距 */
div {
margin: 10px;
}
/* 设置上下边距和左右边距不同 */
div {
margin: 20px 10px;
}
/* 分别设置上右下左四个边距 */
div {
margin: 10px 20px 30px 40px;
}使用margin属性可以帮助大家快速、方便地设置边距，尤其是分别设置四个方向上的边距时，会比使用margin-top、margin-right、margin-bottom、margin-left四个属性更加简洁明了。