p { text-indent: 20px; /* 将文本向右移动20像素 */ }
上面的代码意味着使所有p元素中的文本向右移动20像素。大家当然也可以为不同的元素设置不同的移动距离:
h1 { text-indent: 40px; /* 将h1元素中的文本向右移动40像素 */ } p { text-indent: 20px; /* 将p元素中的文本向右移动20像素 */ }
如果大家只想使文本的第一行向右移动,而让其他行保持不变,可以使用“::first-line”伪元素:
p::first-line { text-indent: 20px; /* 将p元素中第一行文本向右移动20像素 */ }
最后,为了使代码更加清晰,大家可以使用类选择器来选择特定的元素,然后为它们添加“text-indent”属性:
.intro { text-indent: 40px; /* 将所有class为“intro”的元素中的文本向右移动40像素 */ } .quote { text-indent: 60px; /* 将所有class为“quote”的元素中的文本向右移动60像素 */ }
希望以上内容对大家有所帮助,感谢阅读!