内边距是指实际填写内容（文字、图片等）区域跟边框之间的距离。跟外边距一样，也是有着四个不同方向的控制。

写法也是一样：

• padding-top:xxpx;–上内边距
• padding-right:xxpx;–右内边距
• padding-bottom:xxpx;–下内边距
• padding-left:xxpx;–左内边距
• 如果是padding:xxpx；–代表四个方向的都是xx像素内边距
• 如果是padding:xxpx yypx；–代表上下内边距是xx像素，左右内边距是yy像素
• 如果是padding:xxpx yypx zzpx；–代表上内边距是xx像素，左右内边距是yy像素，下内边距zz像素
• 如果是padding:xxpx yypx zzpx nnpx；–代表顺时针方向顺序内边距：上、右、下、左内边距分别是：xx像素、yy像素、zz像素、nn像素

注意：

1.内边距是控制自身所属块状元素下的内容区域和外边框的间隔

2.内边距的背景颜色/背景图就是所属块状元素的背景颜色/背景图。如图：

注释：原来div里面的文字应该是紧贴在div的左上角，但是由于加了内边距，所以文字被挤到了靠内部一些，而内边距的颜色也是继承了div背景颜色。