css padding

作者：我视你如狗ㄟ发布日期:2025-04-20 浏览:86

/* 示例代码：使用 padding 属性为元素添加内边距 */

/* 1. 使用单个值设置所有四个方向的内边距 */
.example1 {
    padding: 10px; /* 上下左右都为10px */
}

/* 2. 使用两个值分别设置垂直和水平方向的内边距 */
.example2 {
    padding: 10px 20px; /* 上下为10px，左右为20px */
}

/* 3. 使用三个值分别设置上、左右、下的内边距 */
.example3 {
    padding: 10px 20px 30px; /* 上为10px，左右为20px，下为30px */
}

/* 4. 使用四个值分别设置上、右、下、左的内边距 */
.example4 {
    padding: 10px 20px 30px 40px; /* 上为10px，右为20px，下为30px，左为40px */
}

/* 解释说明：
- padding 属性用于设置元素内容与边框之间的空间。
- 可以通过不同的方式设置 padding 的值，具体取决于需要控制的方向和数量。
- 单位可以是像素（px）、百分比（%）等。 */

上一篇：css自动换行

下一篇：css gap