css如何設定英文首字母大寫
- 云罗郡主原創
- 2018-11-28 16:59:5515572瀏覽
我們常在英文報紙上看到首個字大寫，那麼單字首字母大寫如何設置，可能很多人遇到這種問題都不知道怎麼操作，下面我們來講解一下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">
h1{text-transform:capitalize}
h2{text-transform:uppercase}
h3{text-transform:lowercase}
</style>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
</body>
</html>顯示效果如下：
CSS3教程，請關注php中文網。
以上是css如何設定英文首字母大寫的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn