该属性用于设置元素的外边距，margin-left、margin-right、margin-top、margin-bottom 这四个属性的缩写。
<div style="background: blue; width: 100px; height: 100px;">
<div style="background: red;">1</div>
<div style="margin: 10px; background: red; ">2</div> <!-- 2号元素 上下左右空出 10px -->
</div>显示效果
默认下margin对四个方向的值都做出设置，也可以逐个方向指定。
<!-- margin 逐个方向指定的顺序是 上、右、下、左，以下为 【上=10px】【右=20px】【下=30px】【左=40px】-->
<p style="margin: 10px 20px 30px 40px;"></p>
<!-- 如果是两个值的情况下，那么即是 【上下】【左右】 -->
<p style="margin: 10px 20px;"></p>