新!我的 44 页电子书 "44 分钟掌握 CSS" 已经出版! 😃
#padding
用于 padding-top
padding-right
padding-bottom
和 padding-left
的简写属性。
default
padding: 0;
移除所有填充。
padding: 30px;
当使用1个值时,填充设置为所有4个边。
padding: 30px 60px;
当使用2个值时
- 第一个值用于上/下
- 第二个值用于左/右
要记住顺序,请考虑未定义的值。
如果你输入2个值(上/右),你将忽略设置下和左。因为下是上的垂直对应部分,它将使用上的值。并且因为左是右的水平对应部分,它将使用右的值。
padding: 30px 60px 45px;
当使用3个值时
- 第一个值用于上
- 第二个值用于左/右
- 第三个值用于下
要记住顺序,请考虑未定义的值。
如果你输入3个值(上/右/下),你将忽略设置左。作为右的对应部分,它将使用它的值。
padding: 30px 60px 45px 85px;
当使用4个值时
- 第一个值用于上
- 第二个值用于右
- 第三个值用于下
- 第四个值用于左
要记住顺序,从上开始,然后顺时针方向。