要实现CSS文本的首行缩进,可以使用"::first-line"伪元素和"text-indent"属性。
首先,在CSS中定义一个类或选择一个元素,然后使用"::first-line"伪元素来选中首行。接下来,使用"text-indent"属性来设置首行缩进的大小。
示例代码如下:
<style>
.indent {
text-indent: 2em;
}
/* 选中类名为indent的元素的首行 */
.indent::first-line {
text-indent: 0; /* 取消首行缩进 */
font-weight: bold; /* 设置首行为粗体 */
}
</style>
<p class="indent">这是一个示例文本,首行缩进2个em。</p>
在上面的示例中,首行的缩进大小为2em。你可以根据需要调整"text-indent"属性的值来实现不同的首行缩进效果。