Padding属性定义元素边框与元素内容之间的空间。
padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。
当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。
单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。
语法结构
padding-top:20px;//上内边距 padding-right:30px;//右内边距 padding-bottom:30px;//下内边距 padding-left:20px;//左内边距 padding:1px //四边统一内边距 padding:1px 1px //上下,左右内边距 padding:1px 1px 1px //上,左右,下内边距 padding:1px 1px 1px 1px //上,右,下,左内边距
注释：不允许使用负值。
属性值
浏览器支持
所有浏览器都支持 padding 属性。
注释：任何的版本的Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p.ex1 {padding:2cm;border: 1px solid red;}
p.ex2 {padding:0.5cm 3cm;border: 1px solid red;}
</style>
</head>
<body>
<p class="ex1">这个文本两边的填充边距一样。每边的填充边距为2厘米。</p>
<p class="ex2">这个文本的顶部和底部填充边距都为0.5厘米，左右的填充边距为3厘米。</p>
</body>
</html>效果图：
更多web前端开发知识，请查阅 HTML中文网 ！！
