CSS中使用text-transform实现首字母大写_ Div+Css教程-查字典教程网
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>

预览效果:

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

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