您的位置 首页 css教程

css如何设置英文首字母大写

我们经常在英文报纸上看到首个单词大写,那么单词首字母大写如何设置,可能很多人遇到这种问题都不知道怎么操作,下面我们来讲解一下css如何设置英文首字母大写?

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}

二:代码案例如下:

<!DOCTYPE html><html><head><style type="text/css">h1{text-transform:capitalize}h2{text-transform:uppercase} h3{text-transform:lowercase} </style></head><body><h1>php.cn</h1><h2>php.cn</h2><h3>php.cn</h3></body></html>

显示效果如下:

css如何设置首字母大写

无论字母大小还是小写,我们都是可以使用text-transform样式属性去设置,以上就是对css如何设置英文首字母大写的全部介绍,如果你想了解更多有关CSS3教程,请关注php中文网。

以上就是css如何设置英文首字母大写的详细内容,更多请关注php中文网其它相关文章!

文章来源:火云技术网

文章标题:css如何设置英文首字母大写

文章地址:https://www.pyhw.net/40182_css%e5%a6%82%e4%bd%95%e8%ae%be%e7%bd%ae%e8%8b%b1%e6%96%87%e9%a6%96%e5%ad%97%e6%af%8d%e5%a4%a7%e5%86%99.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图