CSS 外边距技巧查缺补漏，快来看看有没有你不知道的知识点呀

在CSS中，Margin 是用来设置元素周围的空白区域的。这个空白区域决定了元素与其他元素之间的距离。

设置单个方向的Margin

你可以使用 margin-top、margin-right、margin-bottom、margin-left 来分别设置元素的上、右、下、左方向的间距。比如：

margin-top: 10px;
margin-right: 25px;
margin-bottom: 20px;
margin-left: 15px;

这样就会使得元素在上方有 10 像素的间距，在右边有 25 像素的间距，在下方有 20 像素的间距，在左边有 15 像素的间距。

使用简写形式设置 Margin

你也可以使用简写形式来设置所有方向的margin，顺序分别是顶部、右侧、底部、左侧。例如：

margin: 10px 20px 15px 30px;

使用两个值设置垂直和水平方向的 Margin

如果你只提供了两个值，那么第一个值会应用于顶部和底部，第二个值会应用于左侧和右侧。例如：

margin: 10px 20px;

这个规则表示顶部和底部的间距都是 10 像素，而左侧和右侧的间距都是 20 像素。

使用一个值设置所有方向的相同 Margin

如果你只提供了一个值，那么这个值会应用于所有的方向。例如：

margin: 10px;

这种情况下，所有方向的间距都会是 10 像素。