新!我的 44 页电子书 "44 分钟掌握 CSS" 已经出版! 😃

立即获取 →

#padding

用于 padding-top padding-right padding-bottompadding-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个值时

  • 第一个值用于
  • 第二个值用于
  • 第三个值用于
  • 第四个值用于

要记住顺序,从开始,然后顺时针方向。