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

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

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

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

如何在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">
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中設置英文首字母大寫

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

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

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

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

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

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

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