轉換方法：1.為英文元素加上“text-transform: uppercase;”樣式，可將所有的英文字母變成大寫；2、為英文元素加上“text-transform:capitalize;”樣式，可將英文文本中每個單字的首字母變為大寫。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css實作英文小寫轉為大寫
#在css中，可以使用text-transform屬性將小寫英文字母（文字）轉為大寫。
可分成兩種情況：
所有的英文字母都變成大寫：使用「text-transform: uppercase;」樣式
英文文字中每個單字的首字母變成大寫：使用「text-transform: capitalize;」樣式
實作範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p {
font-variant: small-caps;
/*把段落设置为:小型大写字母字体(即文字的大小不变，只不过文字都变成了大小字母)*/
}
span[first] {
text-transform: capitalize /*使每个单词的首字母变为大写。*/
/* capitalize可以使每个单词的首字母变为大写 */
/* uppercase 定义仅有大写字母 */
/* lowercase 定义无大写字母，仅有小写字母 */
/* inherit 规定应该从父元素继承 text-transform 属性的值。 */
}
span[second] {
text-transform: uppercase /*把所有的字母都变成大写。*/
/* capitalize可以使每个单词的首字母变为大写 */
/* uppercase 定义仅有大写字母 */
/* lowercase 定义无大写字母，仅有小写字母 */
/* inherit 规定应该从父元素继承 text-transform 属性的值。 */
}
</style>
</head>
<body>
<p>hello</p>
<span first>heloodj sdKUv dIfvh</span>
<hr>
<span second>heloodj sDFuv difvh</span>
</body>
</html>
說明：text-transform 屬性
text-transform 屬性控制英文文字的大小寫。
可設定的屬性值：
| 值 | #描述 |
|---|---|
| none | 預設.定義帶有小寫字母和大寫字母的標準的文字。 |
| capitalize | 文字中的每個單字以大寫字母開頭。 |
| uppercase | 定義僅有大寫字母。 |
| lowercase | 定義無大寫字母，只有小寫字母。 |
以上是css怎麼實現英文小寫轉為大寫的詳細內容。更多資訊請關注PHP中文網其他相關文章！
