css中设置段落缩进的属性是什么-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

css中设置段落缩进的属性是“text-indent”，语法格式“text-indent:length|%;”；当值为“length”时可定义固定的缩进，当值为“%”类型时可定义基于父元素宽度的百分比的缩进。

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

css中设置段落缩进的属性是“text-indent”。

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>首行缩进</title>
        <style>
            .demo{
                width: 500px;
                height: 200px;
                margin: 50px auto;
            }
            .p1{
                text-indent:36px;
            }
            .p2{
                text-indent:1em;
            }
            .p3{
                text-indent:10%;
            }
        </style>
    </head>
    <body>
        <div class="demo">
            <p class="p1">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:36px;</b></p>
            <p class="p2">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:1em;</b></p>
            <p class="p3">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:10%;</b></p>
        </div>
    </body>
</html>