内边距在盒子模型中是内容区和边框之间的距离，在盒子模型中内边距分为上内边距padding-top，下内边距padding-bottom，左内边距padding-left，右内边距padding-right以及上述综合padding样式。
上内边距padding-top上内边距就是内容区与上边框的距离，语法：
padding-top:取值
例如：
效果：
注意：上内边距的距离是本盒子的内容区与本盒子的上边框的距离，这跟上外边距margin-top是不一样的，margin-top是指本盒子与上方盒子的距离。
下内边距padding-bottom下内边距就是内容区与下边框的距离，语法：
padding-bottom:取值
例如：
效果：
左内边距padding-left左内边距就是内容区与左边框的距离，语法：
padding-left:取值
例如：
效果：
右内边距padding-right右内边距就是内容区与右边框的距离，语法：
padding-right:取值
例如：
效果：
内边距综合样式padding将上述4个内边距样式一起写，语法：
padding:取值;
其中：padding的取值可以是1到4个，意思分别如下：（1）、如果取值设置为1个值时，例如：{padding:20px;}，说明所有的内边距都是20px；（2）、如果取值设置为2个值时，例如：{padding:20px30px;}，说明上下内边距是20px，左右内边距是30px；（3）、如果取值设置为3个值时，例如：{padding:10px20px30px;}，说明上内边距为10px，左右内边距为20px，下内边距为30px;（4）、如果取值设置为4个值时，例如：{padding:10px20px30px40px;}，说明上内边距是10px，右内边距为20px，下内边距为30px，左内边距为40px。
例如：
效果：
白癜风好治吗白癜风好治吗转载请注明：http://www.guyukameng.com/aspnet/aspnet/2019-11-21/11089.html