text-transform 属性控制文本的大小写,让我们来看看效果吧。
<h1 style="text-transform: none;">Google search</h1> <!--默认显示-->
Google search
<h1 style="text-transform: capitalize;">Google search</h1> <!--每个单词的第一个字母大写-->
Google search
<h1 style="text-transform: uppercase;">Google search</h1> <!--整个文本转换成大写-->
Google search
<h1>Google se<span style="text-transform: uppercase;">a</span>rch</h1> <!--把小写字母a转换成大写-->
Google search
<h1 style="text-transform: lowercase;">GOOGLE SEARCH</h1> <!--整个文本转换成小写-->
GOOGLE SEARCH
注意:所有浏览器都支持 text-transform 属性。