css教程css怎么设置内边距

css设置内边距的方法：1、使用padding属性在一个声明中设置元素的所有内边距（上右下左）；2、使用padding-top、padding-bottom、padding-left、padding-right属性分别设置上下左右内边距。

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、使用padding属性

padding是一个简写属性，可以在一个声明中设置所有内边距属性。该属性可以有1到4个值。

实例:

padding:10px 5px 15px 20px;

• 上内边距是 10px

• 右内边距是 5px

• 下内边距是 15px

• 左内边距是 20px

padding:10px 5px 15px;

• 上内边距是 10px

• 右左内边距是 5px

• 下内边距是 15px

padding:10px 5px;

• 上下内边距是 10px

• 右左内边距是 5px

padding:10px;

• 所有四个内边距都是 10px

2、使用padding-top、padding-bottom、padding-left、padding-right属性

• padding-top 设置元素的顶部内边距

• padding-bottom 设置元素的底部内边距

• padding-left 设置元素的左部内边距

• padding-right 设置元素的右部内边距

（学习视频分享：css视频教程）

以上就是css怎么设置内边距的详细内容，更多请关注zzsucai.com其它相关文章！