css首行缩进的设置方法：首先新建一个html代码文件；然后给设置一个class类；接着在设置cont类的宽为400px；最后设置p标签的首行缩进为两个字符即可。</p></blockquote> <p><img src="https://img.php.cn/upload/article/202102/28/2021022810332021384.jpg" alt="css首行缩进怎么弄" ></p> <p>本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。</p> <p>新建一个html代码文件，然后在这个html代码页面上创建一个<div>，同时给这个<div>设置一个class类；然后在这个<div>中创建几个<p>,并个<p>添加上内容。如图：</p> <p>代码：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><div class="cont"> <p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p> <p>的顶顶顶顶顶的顶顶顶顶顶</p> <p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p> </div></pre><div class="contentsignin">登录后复制</div></div><p><img src="https://img.php.cn/upload/image/829/214/336/1614479672350721.png" title="1614479672350721.png" alt="7fef810ef770605ffe91809ae9b1bd0.png"/></p><p>设置样式。在<title>标签后面新建一个<style>,在这个<style>设置cont类的宽为400px，然后设置p标签的首行缩进为两个字符。如图：</p><p>推荐：《<a href="https://www.php.cn/course/list/12.html" target="_blank">css视频教程</a>》</p><p>代码：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><style> .cont{ width:400px; } .cont p{ text-indent: 2em; } 登录后复制使用浏览器打开，即可看到首行缩进的效果。如图：所有代码。直接复制所有代码，粘贴到新建html文件上，保存后使用浏览器打开即可看到所有效果。代码： 首行缩进 .cont{ width:400px; } .cont p{ text-indent: 2em; } 顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多 的顶顶顶顶顶的顶顶顶顶顶 顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多 登录后复制
