Css中如何使英文和拼音變成全大寫、全小寫和首字母大寫？
阿新 • • 發佈：2017-08-11
如何 iii yiq cfg css html dsv body omr
想要實現英文和中文拼音變成全大寫、全小寫和首個字母大寫，需要用到
css中text-transform樣式屬性，接下來介紹一下
1、text-transform的值
1）Capitalize：英文拼音的首字母大寫
2）Uppercase：英文拼音字母全大寫
3）Lowercase：英文拼音字母全小寫
2、text-transform語法
text-transform:+值類型， 如：text-transform:Capitalize；
3、text-transform的簡單使用
1）英文首字母大寫
2）英文全大寫
3）英文全小寫
<!doctype html> <html><head> <meta charset="utf-8"> <title>css中text-transform的使用</title> </head> <style type="text/css"> .font1{ text-transform:capitalize; /***首字母大寫**/ } .font2{ text-transform:uppercase; /***英文全大寫**/ } .font3{ text-transform:lowercase; /***英文全小寫**/ } </style> <body> <span class="font1"> hello World </span><br/><br/> <span class="font2"> he is a sunny boy</span><br/><br/> <span class="font3">I AM A BLUNT MAN </span><br/> </body> </html>
4、結果視圖
Css中如何使英文和拼音變成全大寫、全小寫和首字母大寫？