在CSS中,使用text-transform属性来转换文本的大小写,这个是针对英文而言,因为中文不存在大小写之分。

 

text-transform介绍

语法:

text-transform:属性值;

属性值:

描述
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

 

text-transform实例

转换不同元素中的文本:

<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
</style>
</head>

<body>
<p class=\"uppercase\">This is some text.</p>
<p class=\"lowercase\">This is some text.</p>
<p class=\"capitalize\">This is some text.</p>
</body>
</html>

在线运行

收藏 打印