前端开发过程中，为了让段落文本容易区分，页面美化，需要对段落进行首行缩进。css如何设置段落首行缩进呢？只需使用到 text-indent 属性即可。案例代码：text-indent: 2em;
方法/步骤
1
新建一个html代码文件，然后在这个html代码页面上创建一个
，同时给这个
设置一个class类；然后在这个
中创建几个
,并个
添加上内容。如图：代码：
顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多
的顶顶顶顶顶的顶顶顶顶顶
顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多
2标签后面新建一个<style>,在这个<style>设置cont类的宽为400px，然后设置p标签的首行缩进为两个字符。如图：代码：<style> .cont{ width:400px; } .cont p{ text-indent: 2em; } </style></p></div><div class="listcon"><span>3</span><p>使用浏览器打开，即可看到首行缩进的效果。如图：</p></div><div class="listcon"><span>4</span><p>所有代码。直接复制所有代码，粘贴到新建html文件上，保存后使用浏览器打开即可看到所有效果。代码：<!DOCTYPE html><html> <head> <meta charset='UTF-8'> <title>首行缩进
设置样式。在
顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多
的顶顶顶顶顶的顶顶顶顶顶
顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多