📅 最后修改于: 2020-10-26 04:47:38 🧑 作者: Mango
padding属性允许您指定元素内容与其边框之间应显示多少空间-
该属性的值应该是长度，百分比或单词herine 。如果该值是Inherited ，则其填充将与其父元素相同。如果使用百分比，则该百分比为包含框的百分比。
以下CSS属性可用于控制列表。您还可以使用以下属性为框的每一侧上的填充设置不同的值-
padding-bottom指定元素的底部填充。
padding-top指定元素的顶部填充。
padding-left指定元素的左侧填充。
padding-right指定元素的右填充。
填充充当前述属性的简写。
现在，我们将通过示例了解如何使用这些属性。
padding-bottom属性设置元素的底部填充（空间）。这可以采用％的长度值。
这是一个例子-
This is a paragraph with a specified bottom padding
This is another paragraph with a specified bottom padding in percent
它将产生以下结果-
padding-top属性设置元素的顶部填充（空间）。这可以采用％的长度值。
这是一个例子-
This is a paragraph with a specified top padding
This is another paragraph with a specified top padding in percent
它将产生以下结果-
padding-left属性设置元素的左填充（空格）。这可以采用％的长度值。
这是一个例子-
This is a paragraph with a specified left padding
This is another paragraph with a specified left padding in percent
它将产生以下结果-
padding-right属性设置元素的右填充（空格）。这可以采用％的长度值。
这是一个例子-
This is a paragraph with a specified right padding
This is another paragraph with a specified right padding in percent
它将产生以下结果-
padding属性设置元素的左，右，顶部和底部填充（空间）。这可以采用％的长度值。
这是一个例子-
all four padding will be 15px
top and bottom padding will be 10px, left and right
padding will be 2% of the total width of the document.
top padding will be 10px, left and right padding will
be 2% of the total width of the document, bottom padding will be 10px
top padding will be 10px, right padding will be 2% of
the total width of the document, bottom padding and top padding will be 10px
它将产生以下结果-