p { text-transform: uppercase; }
以上代码将会将所有p标签内的文本转换为全大写。
使用text-transform属性可以很方便地实现一些特殊的效果,比如强调、标题等。
h1 { text-transform: uppercase; letter-spacing: 4px; }
以上代码将会将所有h1标签内的文本转换为全大写,并且增加字母间距,形成一种突出的标题效果。
当然,也有一些其他的方式可以实现全大写效果,比如使用text-decoration属性的uppercase值:
p { text-decoration: uppercase; }
以上代码会将p标签内的文本转化为全大写,但可能会对其他文本修饰属性产生影响,因此不如使用text-transform属性。
总的来说,使用CSS的text-transform属性可以很容易地实现文本的大小写转换,为大家增加页面设计上的灵活性。