我們常在英文報紙上看到首個字大寫,那麼單字首字母大寫如何設置,可能很多人遇到這種問題都不知道怎麼操作,下面我們來講解一下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"> h1{text-transform:capitalize} h2{text-transform:uppercase} h3{text-transform:lowercase} </style> </head> <body> <h1>php.cn</h1> <h2>php.cn</h2> <h3>php.cn</h3> </body> </html>
顯示效果如下:
##無論字母大小還是小寫,我們都是可以使用text-transform樣式屬性去設置,以上就是對css如何設置英文首字母大寫的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。
以上是css如何設定英文首字母大寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!