我们经常在英文报纸上看到首个单词大写，那么单词首字母大写如何设置，可能很多人遇到这种问题都不知道怎么操作，下面我们来讲解一下css如何设置英文首字母大写？
实现英文首字母大写可以使用div+css，div+css中的一个text-transform属性可以设置字母大小写，以及字母全文大写和字母全文小写。
一：text-transform结构语法：
立即学习“前端免费学习笔记（深入）”；
text-transform属性有三个属性，分别是Capitalize，Uppercase和Lowercase。
Capitalize表示无论字母是大写还是小写，全部都转为首字母大写，语法：div{text-transform:capitalize};
Uppercase表示无论字母是大写还是小写，全部都转为字母全部大写，语法：div{text-transform:uppercase} ;
Lowercase表示无论字母是大写还是小写，全部被CSS转为字母全部小写，语法：div{text-transform:lowercase}
二：代码案例如下：
h1{text-transform:capitalize}h2{text-transform:uppercase} h3{text-transform:lowercase} php.cn
php.cn
php.cn
显示效果如下：
无论字母大小还是小写，我们都是可以使用text-transform样式属性去设置，以上就是对css如何设置英文首字母大写的全部介绍，如果你想了解更多有关CSS3教程，请关注创想鸟。
以上就是css如何设置英文首字母大写的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1613681.html
微信扫一扫 
支付宝扫一扫 
