CSS基础：最详细 padding的 4 种用法解析
在CSS中，padding属性是一个简写属性，用于设置一个元素的内边距。padding可以有1到4个值，具体取决于它所影响的边：
padding: 20px;影响所有四个边。padding-top: 20px;只影响顶部边。padding-right: 20px;只影响右侧边。padding-bottom: 20px;只影响底部边。padding-left: 20px;只影响左侧边。
对于padding的4值语法，它们分别代表：
- 上内边距
- 右内边距
- 下内边距
- 左内边距
示例代码：
/* 所有四个方向的内边距都是20px */
.element {
padding: 20px;
}
/* 上内边距是20px，右内边距和左内边距是10px，下内边距是5px */
.element {
padding: 20px 10px 5px;
}
/* 上内边距和下内边距是20px，左内边距和右内边距是10px */
.element {
padding: 20px 10px;
}
/* 分别设置上、右、下、左内边距 */
.element {
padding: 20px 15px 10px 5px;
}以上代码展示了padding属性的多种用法。
评论已关闭