在 HTML 中将文本转换为大写

本文将介绍如何在 HTML 中将文本转换为大写。

使用 CSS text-transform 属性将文本转换为 HTML 中的大写

使用 CSS text-transform 属性将文本大写从未如此简单。该属性有几个值，它们对文本执行各种大写。

我们可以使用 text-transform 属性的 uppercase 值在文本中创建大写字符。同样，lowercase 值生成小写字符。

使用 capitalize 选项，我们也可以只将文本的第一个字符大写。

例如，创建一个 <p> 标签并在段落内写一些文本。确保以小写字母书写文本。

在 CSS 中，选择段落并使用 text-transform 属性。将 text-transform 属性的值设置为 uppercase。

如下面的输出所示，文本被转换为大写。这样，我们可以使用 text-transform 属性的 uppercase 值在 HTML 中写入大写字符。

HTML 代码：

<p>
 Uppercase characters
</p>

CSS 代码：

p {
  text-transform: uppercase;
}