• 技术文章 >web前端 >css教程

    css怎么设置段落缩进

    VV2020-11-17 10:02:41原创34

    css设置段落缩进的方法:可以利用text-indent属性来进行设置,如【text-indent:36px;】。text-indent属性用于规定文本块中首行文本的缩进。

    相关属性:

    text-indent 属性规定文本块中首行文本的缩进。

    注意:负值是允许的。如果值是负数,将第一行左缩进。

    (学习视频分享:css视频教程

    属性值:

    举例:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>css首行缩进的代码使用示例</title>
        <style>
            p {text-indent:36px;}
         </style>
    </head>
    <body>
    <p>
        这里是关于css文本缩进的一段文字。
        这里是关于css文字缩进的一段文字。
        这里是关于css首行缩进的一段文字。
        这里是关于css文本缩进的一段文字。
        这里是关于css文字缩进的一段文字。
        这里是关于css首行缩进的一段文字。
        这里是关于css文本缩进的一段文字。
        这里是关于css文字缩进的一段文字。
        这里是关于css首行缩进的一段文字。
    
    </p>
    </body>
    </html>

    效果如图:

    8ac9d8773cfb4ba35fb1ea4d26805e0.png

    相关推荐:CSS教程

    以上就是css怎么设置段落缩进的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 段落缩进
    上一篇:css中的display是什么意思 下一篇:使用css有什么优势
    第14期线上培训班

    相关文章推荐

    • CSS怎样缩进文本?• word如何设置段落左缩进• vscode设置代码缩进• css怎么让首行文字缩进

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网