如何在css中設置英文首字母大寫?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
創新互聯建站是一家業務范圍包括IDC托管業務,網頁空間、主機租用、主機托管,四川、重慶、廣東電信服務器租用,成都服務器托管,成都網通服務器托管,成都服務器租用,業務范圍遍及中國大陸、港澳臺以及歐美等多個國家及地區的互聯網數據服務公司。我們經常在英文報紙上看到首個單詞大寫,那么單詞首字母大寫如何設置,可能很多人遇到這種問題都不知道怎么操作,下面我們來講解一下css如何設置英文首字母大寫?
實現英文首字母大寫可以使用div+css,div+css中的一個text-transform屬性可以設置字母大小寫,以及字母全文大寫和字母全文小寫。
一:text-transform結構語法:
text-transform屬性有三個屬性,分別是Capitalize,Uppercase和Lowercase。
Capitalize表示無論字母是大寫還是小寫,全部都轉為首字母大寫,語法:div{text-transform:capitalize};
Uppercase表示無論字母是大寫還是小寫,全部都轉為字母全部大寫,語法:div{text-transform:uppercase} ;
Lowercase表示無論字母是大寫還是小寫,全部被CSS轉為字母全部小寫,語法:div{text-transform:lowercase}
二:代碼案例如下:
<!DOCTYPE html> <html> <head> <style type="text/css"> h2{text-transform:capitalize} h3{text-transform:uppercase} h4{text-transform:lowercase} </style> </head> <body> <h2>php.cn</h2> <h3>php.cn</h3> <h4>php.cn</h4> </body> </html>
顯示效果如下:
無論字母大小還是小寫,我們都是可以使用text-transform樣式屬性去設置,以上就是對css如何設置英文首字母大寫的全部介紹,如果你想了解更多有關CSS3教程,請關注創新互聯網站制作公司。
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創新互聯網站制作公司行業資訊頻道,感謝您對創新互聯建站的支持。
當前標題:如何在css中設置英文首字母大寫-創新互聯
當前地址:http://vcdvsql.cn/article32/giisc.html
成都網站建設公司_創新互聯,為您提供網站改版、營銷型網站建設、App開發、服務器托管、靜態網站、網站設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯