CSS中使用text-transform实现首字母大写

ttx9n · 发表于 2013-9-18 16:02:15

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中首字母大写实现方法就为大家介绍到这里，希望能对大家有所帮助。

xf9hlg1 · 发表于 2022-11-20 16:07:12

那三门，你们谁寂寞才快乐撒

ppwxcg · 发表于 2022-12-13 03:04:45

很好，谢谢分享

lba36h7g · 发表于 2023-9-1 04:53:09

啦啦啦啦啦啦啦啦！

zzhxxx · 发表于 2023-11-27 14:53:37

天天源码社区www.tiantianym.com

a971560 · 发表于 2024-4-14 07:56:16

好人好人好人好人

ki9ku6 · 发表于 2024-9-12 05:50:39

哟哟哟哟哟以偶

w18pvaep · 发表于 2024-9-14 22:54:37

哦哦哦哦哦哦哦哦哦

3pjdk29w · 发表于 2024-9-21 08:34:35

看看看咋么

6ox8dn · 发表于 2024-10-1 22:08:20

女生看了弄丢了卡萨诺的卡洛斯

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS中使用text-transform实现首字母大写