本文摘自PHP中文网，作者青灯夜游，侵删。
css内边距是指元素边框与元素内容之间的空白区域。控制该区域的是padding、padding-top、padding-right、padding-bottom、padding-left属性；它们接受长度值或百分比值，但不允许使用负值。
本教程操作环境：windows7系统、CSS3版、Dell G3电脑。
CSS内边距（padding）即元素的内边距，是指元素边框与元素内容之间的空白区域。
通过 CSS，您可以完全控制内边距（填充）。有一些属性可以为元素的每一侧（上、右、下和左侧）设置内边距。
CSS 拥有用于为元素的每一侧指定内边距的属性：
padding-toppadding-rightpadding-bottompadding-left
也可以，直接使用padding，在一个属性中指定以上所有内边距属性，缩减代码。
内边距（padding）属性接受长度值或百分比值，但不允许使用负值。
可能的值：
| 值 | 描述 |
|---|---|
| auto | 浏览器计算内边距。 |
| length | 规定以具体单位计的内边距值，比如像素、厘米等。默认值是 0px。 |
| % | 规定基于父元素的宽度的百分比的内边距。 |
| inherit | 规定应该从父元素继承内边距。 |
padding属性可以有1~4个值：
1 |
|
上填充为25px
右填充为50px
下填充为75px
左填充为100px
1 |
|
上填充为25px
左右填充为50px
下填充为75px
1 |
|
上下填充为25px
左右填充为50px
1 |
|
所有的填充都是25px
（学习视频分享：css视频教程）
以上就是css内边距是什么的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
