CSS中使用text-transform实现首字母大写
CSS中使用text-transform实现首字母大写
发布时间:2017-01-07 来源:查字典编辑
摘要:CSS中首字母大写怎么实现?日常生活中需求方对英文的要求比较多,有的时候需要让英文单词或拼音首个字母大写;有的时候需要让全文中英文单词全大写...

CSS中首字母大写怎么实现?日常生活中需求方对英文的要求比较多,有的时候需要让英文单词或拼音首个字母大写;有的时候需要让全文中英文单词全大写或小写。这时候我们就需要text-transform属性了。好了废话不多说,直接看例子吧。

CSS代码:

/*首字母大写*/

.a {text-transform:capitalize;}

/*全都是大写*/

.b {text-transform:uppercase;}

/*全都是小写*/

.c {text-transform:lowercase;}

HTML代码:

<div>

首字母大写→ni hao hello

</div>

<div>

字母全实现大写→ni hao hello

</div>

<div>

字母全实现小写→ni HAo hEllo

</div>

预览效果:

1

CSS中首字母大写怎么实现?首字母大小写,我们可以用到text-transform来实现。CSS中首字母大写实现方法就为大家介绍到这里,希望能对大家有所帮助。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类