zoukankan      html  css  js  c++  java
  • CSS中使用text-transform实现首字母大写

    CSS中首字母大写怎么实现?日常生活中需求方对英文的要求比较多,有的时候需要让英文单词或拼音首个字母大写;有的时候需要让全文中英文单词全大写或小写。这时候我们就需要text-transform属性了。好了废话不多说,直接看例子吧。 

    CSS代码: 

    /*首字母大写*/ 
    .a {text-transform:capitalize;} 
    /*全都是大写*/ 
    .b {text-transform:uppercase;} 
    /*全都是小写*/ 
    .c {text-transform:lowercase;} 
    

    HTML代码: 

    <div class="a"> 
    首字母大写→ni hao hello 
    </div> 
    <div class="b"> 
    字母全实现大写→ni hao hello 
    </div> 
    <div class="c"> 
    字母全实现小写→ni HAo hEllo 
    </div> 
    

    预览效果: 

  • 相关阅读:
    第七周课程总结&实验报告(五)
    2020软件工程作业02
    自我介绍
    2019学期总结
    2019 第二次实验报告
    git 小错误
    12
    2019第十一周作业
    第十周作业
    第九周
  • 原文地址:https://www.cnblogs.com/luoruiyuan/p/6109262.html
Copyright © 2011-2022 走看看