• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • CSS通过text-transform实现大写、小写和首字母大写转换

    再日常项目中可能会用到一些特殊的样式,比如大写字母转小写、小写字母转大写、首字母大写等。

    可以通过 CSS 的 text-transform 属性来实现:

     

    text-transform 转换不同的文本

    属性值:

    none 带有小写字母和大写字母的标准的文本(默认属性)。

    capitalize 首字母大写。

    uppercase 字母大写。

    lowercase 字母小写。

    inherit 从父元素继承。

     

    示例:

    h1 {text-transform:uppercase}
    h2 {text-transform:capitalize}
    p {text-transform:lowercase}
     
    posted @ 2020-05-11 12:28  前端一点红  阅读(416)  评论(0编辑  收藏  举报
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识