CSS 参考手册 目录

CSS padding-bottom 属性

padding-bottom 属性用于设置元素的下内边距,即元素内容与元素边框之间的距离。这个属性可以接受长度值(如像素、百分比、em等)、百分比值或者inherit作为属性值。

语法

-------- -
  --------------- ------
-
  • selector:选择器,表示要设置样式的元素。
  • value:指定元素的下内边距值。

  • 长度值:可以使用像素(px)、厘米(cm)、毫米(mm)等单位来指定具体的长度值。
  • 百分比值:相对于包含块的宽度来计算。
  • inherit:继承父元素的 padding-bottom 值。

示例

---------- -
  --------------- -----
-

---- -
  --------------- ----
-

在上面的示例中,.container 元素的下内边距为 20 像素,.box 元素的下内边距为其父元素宽度的 10%。

注意事项

  • padding-bottom 属性会影响元素的尺寸,需要根据设计需求合理设置。
  • 当元素设置了 padding-bottom 时,如果同时设置了 height 属性,元素的总高度会增加。

以上就是关于 CSS 属性 padding-bottom 的详细介绍,希望能帮助你更好地理解和使用这个属性。


上一篇:CSS 属性 padding
下一篇:CSS 属性 padding-left