在css中,可利用“text-transform”屬性設(shè)置英文單詞首字母大寫,該屬性用于控制文本大小寫,當(dāng)屬性值為“capitalize”時(shí),文本中單詞以大寫字母開頭,語法為“元素{text-transform:capitalize;}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css英文怎樣設(shè)置為單詞首字母大寫
在css中,如果我們想要英文每個(gè)單詞的首字母大寫,如何實(shí)現(xiàn)呢?下面舉例講解css如何設(shè)置英文每個(gè)單詞的首字母大寫,我們要使用到text-transform這個(gè)屬性。
示例如下:
1、我們新建一個(gè)html網(wǎng)頁文件,把他命名為test.html,接下來我們用test.html文件來講解css如何設(shè)置英文每個(gè)單詞的首字母大寫。要使用div標(biāo)簽創(chuàng)建一行文字,并且把文字內(nèi)容寫上“how to capitalize the first letter of each word in css”。
給div標(biāo)簽加上一個(gè)樣式,設(shè)置div標(biāo)簽的class屬性為mybkkd。編寫css樣式<style type="text/css"></style>標(biāo)簽,mybkkd樣式將寫在該標(biāo)簽內(nèi)。
2、在css標(biāo)簽內(nèi),通過div標(biāo)簽的class屬性mybkkd設(shè)置英文每個(gè)單詞的首字母大寫。在括號內(nèi),mybkkd的div設(shè)置css屬性樣式為text-transform: capitalize;
在瀏覽器瀏覽一下test.html,來看看效果能否實(shí)現(xiàn)。
注意事項(xiàng)
1、創(chuàng)建一個(gè)test.html頁面。
2、在test.html里,使用到div標(biāo)簽創(chuàng)建一行文字,并加上樣式名稱。
3、在css中,將mybkkd的樣式為text-transform: capitalize;
(學(xué)習(xí)視頻分享:css視頻教程)