text-indent 是 CSS 中的属性,用于设置文本块中第一行的缩进。它可以为段落文本添加首行缩进,也可以为其他块级元素的第一行文本添加缩进。

以下是一些常见的用法:

1. 使用长度值:
   p {
     text-indent: 20px;
   }

   在这个例子中,段落中的第一行文本将缩进 20 像素。

2. 使用百分比值:
   p {
     text-indent: 2em;
   }

   这个例子中,段落中的第一行文本将缩进相当于字体大小两倍的距离。

3. 使用负值:
   p {
     text-indent: -10px;
   }

   在这个例子中,段落中的第一行文本将向左移动 10 像素,即产生负的缩进效果。

4. 使用百分比值:
   p {
     text-indent: 2em;
   }

   这个例子中,段落中的第一行文本将缩进相当于字体大小两倍的距离。

text-indent 可以应用于块级元素,包括段落、div、和其他块级元素。这个属性通常用于创建一些排版效果,使文本更易于阅读或美观。


转载请注明出处:http://www.zyzy.cn/article/detail/6139/CSS