css英文怎樣設(shè)置為單詞首字母大寫

在css中，可利用“text-transform”屬性設(shè)置英文單詞首字母大寫，該屬性用于控制文本大小寫，當(dāng)屬性值為“capitalize”時(shí)，文本中單詞以大寫字母開(kāi)頭，語(yǔ)法為“元素{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)頁(yè)文件，把他命名為test.html，接下來(lái)我們用test.html文件來(lái)講解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)，通過(guò)div標(biāo)簽的class屬性mybkkd設(shè)置英文每個(gè)單詞的首字母大寫。在括號(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)建一行文字，并加上樣式名稱。

3、在css中，將mybkkd的樣式為text-transform: capitalize;

（學(xué)習(xí)視頻分享：css視頻教程）