css一段文字首字母大写

在 CSS 中，可以使用 text-transform 属性来设置文本的大小写形态。其中有一种特别的形态，就是让一段文字的首字母大写。

实现方法很简单，只需要将 text-transform 属性设置为 capitalize 即可。

p {
  text-transform: capitalize;
} 

这样，所有的段落都会按照这种形式来显示。如果只想让某个特定的段落开头大写，那么可以在该段落的首字母处添加一个 span 标签，然后通过 CSS 对这个标签进行设置：

<p>这是一段普通的文本，但是 <span class="first-letter">第一个字</span> 被放大了。</p>

.first-letter {
  text-transform: capitalize;
  font-size: 2em;
} 

这样，在这个段落中，首字母就会显示得比其他字母要大。