新! 我的 44 页电子书“44 分钟内掌握 CSS”已经发布! 😃
#margin
用于 margin-top
margin-right
margin-bottom
和 margin-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个值时
- 第一个值用于顶部
- 第二个值用于右侧
- 第三个值用于底部
- 第四个值用于左侧
要记住顺序,从顶部开始,顺时针方向。