深圳网站建设,龙华网站建设,龙岗网站建设,布吉网站建设

一行代码教程之:CSS让小写字母变大写

来源:深圳黑马品牌网站设计 发布时间:2019-10-30 20:17:26

有时候在写一些标题的时候,我们翻译过来都是小写的。但是为了省事,我们可以直接用CSS让标题直接大写,省去了每一个都要去将翻译好的小写转换成大写的麻烦。


首先来看HTML代码

<div class="title">Products</div>


一行代码教程之CSS的魅力,我们只需要给CSS如下一个样式即可

.title{     text-transform: uppercase;}


显示效果就自动将:Products 改成大写: PRODUCTS了,是不是很神奇?

本文关键词: 网站建设 网站教程
相关文章
如何让浏览器支持字体小于12px的解决办法上一篇文章
下一篇文章如何引入外部的英文字体让英文网站看上去更漂亮