H5中将首字母大写，全部字母转为大写，全部转为小写

Mr_zrh

于 2021-05-12 08:26:43 发布

阅读量619

点赞数

文章标签： html html5 css3

本文链接：https://blog.csdn.net/Mr_zrh/article/details/116693383

版权

本文介绍了一种利用CSS实现文本大小写转换的方法，包括如何将文本全部转换为大写或小写，这对于网页布局和美化非常有用。通过简单的代码示例展示了如何应用这些样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <style>
     p{
       /*  将第一个字母转为大写 */
        /* text-transform: capitalize;   */

        /* 将所有的字母转为大写 */
        text-transform: uppercase;
     }

     div{
       /*  将所有的字母大写转为小写 */
       text-transform: lowercase;
     }

  </style>

<body>
  <p >aaaaaaaaa</p>
  <div>AAAAAAAAAA</div>
</body>