CSS3怎么设置英文首字母大写、全大写、小型大写
在css3中,可以使用text-transform属性设置英文字母大写;text-transform 属性控制文本的大小写。这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。
属性值:
值 | 描述 |
---|---|
none | 默认。定义带有小写字母和大写字母的标准的文本。 |
capitalize | 文本中的每个单词以大写字母开头。 |
uppercase | 定义仅有大写字母。 |
lowercase | 定义无大写字母,仅有小写字母。 |
实例代码:
<style>
.ft1{font-size:20px;text-transform:capitalize;}
.ft2{font-size:20px;text-transform:uppercase;}
.ft3{font-size:20px;font-variant:small-caps;}
</style>
<div class="ft1">首字母大写:hello world</div>
<div class="ft2">全部大写:hello world</div>
<div class="ft3">小型大写:Hello World</div>