Rumah > hujung hadapan web > tutorial css > css怎么设置段落缩进

css怎么设置段落缩进

王林
Lepaskan: 2020-11-17 10:02:41
asal
3910 orang telah melayarinya

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

css怎么设置段落缩进

相关属性:

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

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

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

属性值:

  • length    定义固定的缩进。默认值:0。    

  • %    定义基于父元素宽度的百分比的缩进。    

  • inherit    规定应该从父元素继承 text-indent 属性的值。    

举例:

<!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>
Salin selepas log masuk

效果如图:

8ac9d8773cfb4ba35fb1ea4d26805e0.png

相关推荐:CSS教程

Atas ialah kandungan terperinci css怎么设置段落缩进. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan