使用css :first-letter伪元素选择元素中的第一个字母并设置样式

CSS 伪元素 :first-letter 的使用

CSS 伪元素 :first-letter 可以用来选择元素中的第一个字母，并设置样式。例如，可以使用 :first-letter 来设置段落中的第一个字母的字体大小、字体颜色、背景颜色等。

p:first-letter {
    font-size: 30px;
    color: #0f0;
    background-color: #f00;
}

上面的代码将段落中的第一个字母设置为 30px 大小，颜色为 #0f0，背景颜色为 #f00。

除了设置字体大小、字体颜色、背景颜色等，还可以使用 :first-letter 来设置文字的对齐方式，比如：

p:first-letter {
    text-align: center;
}

上面的代码将段落中的第一个字母居中对齐。

还可以使用 :first-letter 来设置文字的行高、字间距、字母间距等，比如：

p:first-letter {
    line-height: 2em;
    letter-spacing: 0.2em;
    word-spacing: 0.2em;
}

上面的代码将段落中的第一个字母的行高设置为 2em，字间距设置为 0.2em，字母间距设置为 0.2em。

使用 :first-letter 可以轻松实现段落中第一个字母的样式设置，使文本更加美观。