css缩进

作者：血染胸毛发布日期:2025-02-24 浏览:125

/* 示例代码：使用 CSS 实现缩进效果 */

/* 1. 文本首行缩进 */
p {
    text-indent: 2em; /* 首行缩进 2 个字符宽度 */
}

/* 2. 使用 margin 实现整体缩进 */
.block {
    margin-left: 20px; /* 左侧缩进 20px */
    margin-right: 20px; /* 右侧缩进 20px */
}

/* 3. 使用 padding 实现内部缩进 */
.box {
    padding-left: 20px; /* 内部左侧缩进 20px */
    padding-right: 20px; /* 内部右侧缩进 20px */
}

解释说明：

text-indent：用于设置段落或文本块的首行缩进。常见的用法是设置为 2em，表示首行缩进两个字符的宽度。
margin：用于设置元素与外部其他元素之间的间距。通过设置 margin-left 和 margin-right，可以实现整个元素的左右缩进。
padding：用于设置元素内容与边框之间的间距。通过设置 padding-left 和 padding-right，可以实现元素内部的左右缩进。

上一篇：css relative

下一篇：css blur