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