如何在css中設(shè)置英文首字母大寫-創(chuàng)新互聯(lián)

如何在css中設(shè)置英文首字母大寫？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

創(chuàng)新互聯(lián)建站是一家業(yè)務(wù)范圍包括IDC托管業(yè)務(wù),網(wǎng)頁空間、主機(jī)租用、主機(jī)托管，四川、重慶、廣東電信服務(wù)器租用,成都服務(wù)器托管，成都網(wǎng)通服務(wù)器托管,成都服務(wù)器租用,業(yè)務(wù)范圍遍及中國大陸、港澳臺以及歐美等多個國家及地區(qū)的互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)公司。

我們經(jīng)常在英文報紙上看到首個單詞大寫，那么單詞首字母大寫如何設(shè)置，可能很多人遇到這種問題都不知道怎么操作，下面我們來講解一下css如何設(shè)置英文首字母大寫？

如何在css中設(shè)置英文首字母大寫

實現(xiàn)英文首字母大寫可以使用div+css，div+css中的一個text-transform屬性可以設(shè)置字母大小寫，以及字母全文大寫和字母全文小寫。

一：text-transform結(jié)構(gòu)語法：

text-transform屬性有三個屬性，分別是Capitalize，Uppercase和Lowercase。

Capitalize表示無論字母是大寫還是小寫，全部都轉(zhuǎn)為首字母大寫，語法：div{text-transform:capitalize};

Uppercase表示無論字母是大寫還是小寫，全部都轉(zhuǎn)為字母全部大寫，語法：div{text-transform:uppercase} ;

Lowercase表示無論字母是大寫還是小寫，全部被CSS轉(zhuǎn)為字母全部小寫，語法：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>

顯示效果如下：

如何在css中設(shè)置英文首字母大寫

無論字母大小還是小寫，我們都是可以使用text-transform樣式屬性去設(shè)置，以上就是對css如何設(shè)置英文首字母大寫的全部介紹，如果你想了解更多有關(guān)CSS3教程，請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司。

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)建站的支持。

當(dāng)前標(biāo)題：如何在css中設(shè)置英文首字母大寫-創(chuàng)新互聯(lián)
當(dāng)前地址：http://bm7419.com/article32/giisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、營銷型網(wǎng)站建設(shè)、App開發(fā)、服務(wù)器托管、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容