这篇文章主要讲解了“CSS怎么设置首行缩进”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS怎么设置首行缩进”吧!

text-indent 属性

CSS 的text-indent属性是用来设置文本段落首行缩进的。这个属性可以被设置在 div、p 标签下面的文本。其属性值的单位em是指无论字体大小,都能自适应缩进两个字附的空格。如果知道字体大小,也可以直接使用px作为单位。

具体代码使用如下:

<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>HTML如何设置首行缩进-亿速云(yisu.com)</title><styletype="text/css">#indent{text-indent:2em;}</style></head><body><p>这段话未设置首行缩进两个字符用作对比。</p><pid="indent">这一段话将会被设置为首行缩进两个字符。首行缩进是为了让文字显得有层次,不会密密麻麻挤作一团。我们需要用到text-indent属性来设置。具体效果如图。</p></body></html>

感谢各位的阅读,以上就是“CSS怎么设置首行缩进”的内容了,经过本文的学习后,相信大家对CSS怎么设置首行缩进这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!