本文向大家描述一下CSS padding属性的用法和组成，padding，中文”填充”的意思 ，它主要定义边内补白，希望本文的介绍能让你有所收获。
CSS padding属性 — 定义边内补白
取值:
{1,4} | inherit
{1,4}: 边内补白宽度
inherit: 继承
初始值: 0
继承性: 否
适用于: 所有元素,,除了table-row-group, table-header-group, table-footer-group, table-row, table-column-group 和 table-column
padding，中文”填充”的意思
Padding属性包含了paddingleft：左补距离（设置距左内边距）；paddingtop：头顶补距离（设置距顶部内边距）；paddingright：右补距离（设置距右内边距）；paddingbottom：底补距离（设置距低内边距）。
CSS padding-right 属性
padding-right — 定义右边内补白
取值:
| inherit
: 右边内补白的宽度
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,right:右
示例
p#right
{
padding-right: 12px;
}
CSS padding-left 属性
padding-left — 定义左边内补白
取值:
| inherit
: 左边内补白的宽度
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,left:左
示例
p#left
{
padding-left: 12px;
}
CSS padding-top 属性
padding-top — 定义上边内补白
取值:
| inherit
: 上边内补白的宽度
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,top:上
示例
p#top
{
padding-top: 12px;
}
CSS padding-bottom 属性
padding-bottom — 定义下边内补白
取值:
| inherit
: 下边内补白的宽度
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,bottom:下
示例
p#bottom
{
padding-bottom: 12px;
}
