通过 css 中的text-transform 属性可以控制文本显示模式。

可选属性如下表：

属性 值
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母，仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

示例代码：

<p class="capitalize">首字母显示为大写：www.02405.com;</p>
<p class="uppercase">全部显示为大写字母：www.02405.com;</p>
<p class="lowercase">全部显示为小写字母：www.02405.com;</p>
<style>
  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .lowercase {
    text-transform: lowercase;
  }
</style>

示例效果：

(adsbygoogle = window.adsbygoogle || []).push({});