css text-indent属性设置文本缩进

CSS文本缩进（text-indent）属性是用于设置文本段落的缩进量的一种CSS属性。它可以用来让段落的第一行文字缩进一定的距离，以达到美观的效果。

使用方法

使用CSS文本缩进属性，可以使用以下语法来定义：

text-indent: length | percentage | initial | inherit;

其中，length可以是任何有效的长度单位，如px，em，rem等；percentage表示百分比，initial表示使用默认值，inherit表示从父元素继承属性值。例如：

p {
  text-indent: 2em;   /* 段落缩进2个字符 */
  text-indent: 10%;   /* 段落缩进10% */
  text-indent: initial;   /* 段落缩进默认值 */
  text-indent: inherit;   /* 段落缩进继承父元素 */
}

CSS文本缩进属性还可以使用以下语法来定义：

text-indent: [  |  ] [  |  ]?

其中，length表示段落缩进的长度，percentage表示段落缩进的百分比，hanging-length表示悬挂缩进的长度，hanging-percentage表示悬挂缩进的百分比。例如：

p {
  text-indent: 2em 2em;   /* 段落缩进2个字符，悬挂缩进2个字符 */
  text-indent: 10% 5%;   /* 段落缩进10%，悬挂缩进5% */
}

注意事项

• CSS文本缩进属性只能应用到块级元素上，不能应用到行内元素。
• CSS文本缩进属性可以设置负值，表示段落的第一行文字向外缩进一定的距离。
• CSS文本缩进属性可以设置悬挂缩进，表示段落的第一行文字向外缩进一定的距离，其余行文字不受影响。