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> 

預覽效果：