Rumah >hujung hadapan web >tutorial css >css首行缩进怎么弄

css首行缩进怎么弄

藏色散人
藏色散人asal
2021-02-28 10:38:3719127semak imbas

css首行缩进的设置方法:首先新建一个html代码文件;然后给dc6dce4a544fdca2df29d5ac0ea9906b设置一个class类;接着在c9ccee2e6ea535a969eb3f532ad9fe89设置cont类的宽为400px;最后设置p标签的首行缩进为两个字符即可。

css首行缩进怎么弄

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

新建一个html代码文件,然后在这个html代码页面上创建一个dc6dce4a544fdca2df29d5ac0ea9906b,同时给这个dc6dce4a544fdca2df29d5ac0ea9906b设置一个class类;然后在这个dc6dce4a544fdca2df29d5ac0ea9906b中创建几个e388a4556c0f65e1904146cc1a846bee,并个e388a4556c0f65e1904146cc1a846bee添加上内容。如图:

代码:

<div class="cont">
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
<p>的顶顶顶顶顶的顶顶顶顶顶</p>
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
</div>

7fef810ef770605ffe91809ae9b1bd0.png

设置样式。在b2386ffb911b14667cb8f0f91ea547a7标签后面新建一个c9ccee2e6ea535a969eb3f532ad9fe89,在这个c9ccee2e6ea535a969eb3f532ad9fe89设置cont类的宽为400px,然后设置p标签的首行缩进为两个字符。如图:

推荐:《css视频教程

代码:

<style>
.cont{
width:400px;
}
.cont p{
text-indent: 2em;
}
</style>

02311be1aedc58c01e8cc6b65dca589.png

使用浏览器打开,即可看到首行缩进的效果。如图:

0106aef5e124875e1c67656762e94a5.png

所有代码。直接复制所有代码,粘贴到新建html文件上,保存后使用浏览器打开即可看到所有效果。

代码:





首行缩进
<style>
.cont{
width:400px;
}
.cont p{
text-indent: 2em;
}
</style>


<div class="cont">
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
<p>的顶顶顶顶顶的顶顶顶顶顶</p>
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
</div>

Atas ialah kandungan terperinci css首行缩进怎么弄. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css怎么修改行间距Artikel seterusnya:css中怎么设置三角形