css实现英文字母大写的方法
墨初 Web前端 733阅读
CSS将英文字母转为大写可以使用 text-transform 属性，其属性的值设置为 uppercase 时，就可以将英文字母的小写形式转换为大写，下面是使用方法。
CSS text-transform 属性
text-transform：控制文本的大小写。
语法：
div {text-transform:uppercase}可选值：
| 值 | 描述 |
|---|---|
| none | 默认。定义带有小写字母和大写字母的标准的文本。 |
| capitalize | 文本中的每个单词以大写字母开头。 |
| uppercase | 定义仅有大写字母。 |
| lowercase | 定义无大写字母，仅有小写字母。 |
| inherit | 规定应该从父元素继承 text-transform 属性的值。 |
css设置英文字母大写的方法
例：
<p style="text-transform: uppercase;">73so.com</p> <!-- 输出：73SO.COM --> <p style="text-transform: uppercase;">abcdefg</p> <!-- 输出：ABCDEFG -->