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>
預覽效果: