时间:2016-01-22 07:36 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【CSS中使用text-transform实现首字母大写】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
CSS中使用text-transform实现首字母大写
CSS中首字母大写怎么实现?日常生活中需求方对英文的要求比较多，有的时候需要让英文单词或拼音首个字母大写;有的时候需要让全文中英文单词全大写或小写。这时候我们就需要text-transform属性了。好了废话不多说，直接看例子吧。
CSS代码：
复制代码
代码如下:.a {text-transform:capitalize;}
.b {text-transform:uppercase;}
.c {text-transform:lowercase;}
HTML代码：
复制代码
代码如下:<div class="a">
首字母大写→ni hao hello
</div>
<div class="b">
字母全实现大写→ni hao hello
</div>
<div class="c">
字母全实现小写→ni HAo hEllo
</div>
预览效果：
CSS中首字母大写怎么实现?首字母大小写，我们可以用到text-transform来实现。CSS中首字母大写实现方法就为大家介绍到这里，希望能对大家有所帮助。
关于CSS中使用text-transform实现首字母大写的相关讨论如下：
相关问题：怎样在CSS中设置英文首字母大写
答：first-letter 输出如下：First-letter 加入你想用于标签： css样式 p{text-transform:capitalize;} html如下： first-letter >>详细
相关问题：css 首字母大写怎么设置
答：例如： aaaaaaaaaaaa >>详细
相关问题：如何用css设置小型大写?
答：this is a test!!!首字母大写全部大写全部小写 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-