CSS中使用text-transform实现首字母大写
2024-08-24 17:50:32
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>
预览效果:
最新文章
- [ASP.NET MVC 小牛之路]14 - Unobtrusive Ajax
- JSON入门教程
- Maven的第一个小程序
- Greenplum 生成加分区语句
- JQuery之正则表达式
- Busybox下mdev配置说明
- Linux: .vimrc
- 干净的卸载Oracle
- 使用FTP删不掉文件的解决方法
- Linux watch 命令
- poj 1753 Flip Game(bfs状态压缩 或 dfs枚举)
- OR查询
- Entity Framework技巧系列之十 - Tip 37 - 41
- Pycharm+django新建Python Web项目
- K短路 (A*算法) [Usaco2008 Mar]牛跑步&;[Sdoi2010]魔法猪学院
- 【转】APP功能测试要领
- js判断当前浏览器
- qml: 自定义输入框
- SQLServer代理新建或者编辑作业报错
- array_column的作用
热门文章
- GNU Radio Radar Toolbox
- JAVA过滤器
- SQL Server数据库SP命令祥解
- php数组array_push()和array_pop()以及array_shift()函数
- mysql SQL优化之嵌套查询-遁地龙卷风
- BZOJ 2091: [Poi2010]The Minima Game
- 读一篇Javascript问题贴的收获
- Python之Web框架Django
- shell:遍历目录和子目录的所有文件
- HTML 5 背离贪吃蛇 写成了类似于屏幕校准