新! 我的 44 页电子书“44 分钟内掌握 CSS”已经发布! 😃

立即获取 →

#margin

用于 margin-top margin-right margin-bottommargin-left 的简写属性。

default margin: 0;

移除所有边距。

margin: 30px;

当使用1个值时,边距会设置为所有4个边

margin: 30px 60px;

当使用2个值时

  • 第一个值用于顶部/底部
  • 第二个值用于右侧/左侧

要记住顺序,请考虑您没有定义的值。

如果您输入2个值(顶部/右侧),则您省略设置底部和左侧。因为底部是顶部的垂直对应物,它将使用顶部的值。而因为左侧是右侧的水平对应物,它将使用右侧的值。

margin: 30px 60px 45px;

当使用3个值时

  • 第一个值用于顶部
  • 第二个值用于右侧/左侧
  • 第三个值用于底部

要记住顺序,请考虑您没有定义的值。

如果您输入3个值(顶部/右侧/底部),则您省略设置左侧。作为右侧的对应物,它将使用其值。

margin: 30px 60px 45px 85px;

当使用4个值时

  • 第一个值用于顶部
  • 第二个值用于右侧
  • 第三个值用于底部
  • 第四个值用于左侧

要记住顺序,从顶部开始,顺时针方向。