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> 

預覽效果: 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM