建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

CSS3怎么设置英文首字母大写、全大写、小型大写

GG网络技术分享 2025-03-18 16:09 0


在css3中,可以使用text-transform属性设置英文字母大写;text-transform 属性控制文本的大小写。这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。

CSS3怎么设置英文首字母大写、全大写、小型大写

属性值:

描述
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>

CSS3怎么设置英文首字母大写、全大写、小型大写

标签:

提交需求或反馈

Demand feedback