在CSS中，margin 是用于设置元素外边距的属性。外边距是指元素边缘与相邻元素之间的空间。margin 属性可以设置上、右、下、左四个方向的外边距，也可以使用简写形式一次性设置所有方向的外边距。

以下是一些常见的 margin 属性用法：

1. 分别设置外边距的值：
div {
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-left: 30px;
}

2. 简写形式：
div {
  margin: 10px 20px 15px 30px; /* 顺序为上、右、下、左 */
}

3. 上下、左右相同的外边距：
div {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  margin-left: 20px;
}
/* 或者使用简写形式 */
div {
  margin: 10px 20px; /* 上下10px，左右20px */
}

4. 自动外边距：
div {
  margin: auto; /* 让浏览器自动分配外边距，通常用于水平居中元素 */
}

5. 百分比值：
div {
  margin: 5%; /* 使用百分比值设置外边距，相对于包含块的宽度计算 */
}

6. 负外边距：
div {
  margin-left: -10px; /* 使用负值设置外边距，使元素偏移向左 */
}

margin 属性是用于调整元素与周围元素之间的间距，对于页面布局和排列元素非常重要。你可以根据需要调整外边距来实现不同的布局效果。


转载请注明出处：http://www.pingtaimeng.com/article/detail/12530/CSS