margin 属性用于设置元素的外边距，即元素与邻近元素之间的空间。它可以用来控制元素之间的间距或元素与边界的距离。

margin 属性可以接受一个到四个值，分别表示上、右、下、左四个方向的外边距。以下是 margin 属性的基本语法：
selector {
  margin: value;
}

/* 或者分别设置上、右、下、左的外边距 */
selector {
  margin-top: value;
  margin-right: value;
  margin-bottom: value;
  margin-left: value;
}

其中，value 可以是具体的长度单位（如像素、百分比）、相对长度单位（如 em、rem）、auto，也可以是特殊的关键词（如 initial、inherit）。

示例：
.margin-example {
  margin: 10px; /* 上、右、下、左的外边距均为10像素 */
}

.vertical-margin {
  margin-top: 20px;
  margin-bottom: 20px; /* 上下外边距分别为20像素 */
}

.horizontal-margin {
  margin-left: 30px;
  margin-right: 30px; /* 左右外边距分别为30像素 */
}

margin 属性的灵活性使其成为调整页面布局和元素之间距离的重要工具。


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