如何使用css中text-transform转换字母大小写的示例详解

text-transform：none | capitalize | uppercase | lowercase

none：

无转换

capitalize：

将每个单词的第一个字母转换成大写

<style>
  #box{
    text-transform:capitalize;
  }
</style>
<p id="box">css javascript html5</p>

uppercase：

将每个单词转换成大写

#box{
  text-transform:uppercase;
}
<p id="box">css javascript html5</p>

lowercase：

将每个单词转换成小写

#box{
  text-transform:lowercase;
}
<p id="box">CSS JAVASCRIPT HTML5</p>

实在是太简单了，都不好多说什么。

以上就是如何使用css中text-transform转换字母大小写的示例详解的详细内容，更多请关注Gxl网其它相关文章！