在CSS中，外边距（Margin）是用于控制元素与其周围元素之间的空间的属性。外边距可以影响元素的布局，通过在元素的边缘添加空白区域，从而改变元素与其邻近元素之间的距离。

外边距的基本语法如下：
selector {
  margin: top right bottom left;
}

  •  top：定义元素的上外边距。

  •  right：定义元素的右外边距。

  •  bottom：定义元素的下外边距。

  •  left：定义元素的左外边距。


每个值可以是正数、负数、零，也可以是百分比。下面是一些例子：
/* 设置所有方向的外边距为10像素 */
.element {
  margin: 10px;
}

/* 设置上下外边距为5像素，左右外边距为10像素 */
.element {
  margin: 5px 10px;
}

/* 分别设置四个方向的外边距 */
.element {
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-left: 20px;
}

外边距也可以用于垂直居中元素，例如：
.centered {
  margin-left: auto;
  margin-right: auto;
}

这样可以使元素在其父容器中水平居中。外边距是控制元素之间间距的重要属性，对于页面布局和设计至关重要。


转载请注明出处：http://www.zyzy.cn/article/detail/4003/CSS