CSS通过text-transform实现大写、小写和首字母大写转换 - YunFanCH · 云帆沧海
YunFanCH · 云帆沧海 - 持续更新的个人博客,记录生活、工作、爱好的点点滴滴。一切过往,皆为序章。直挂云帆,乘风破浪。



  • 今天是:
  • 首页
  • 文章
    • 笔记
    • 轨迹
    • 分享
    • 建站
  • 轻语
  • 流影
  • 友链
  • 留言
  • 关于

网站首页 » 建站 » CSS通过text-transform实现大写、小写和首字母大写转换

CSS通过text-transform实现大写、小写和首字母大写转换

2020-09-08

再日常项目中可能会用到一些特殊的样式,比如大写字母转小写、小写字母转大写、首字母大写等。
可以通过 CSS 的 text-transform 属性来实现:

text-transform 转换不同的文本
属性值:

none 带有小写字母和大写字母的标准的文本(默认属性)。

capitalize 首字母大写。

uppercase 字母大写。

lowercase 字母小写。

inherit 从父元素继承。

示例:

h1 {text-transform:uppercase}
h2 {text-transform:capitalize}
p {text-transform:lowercase}
WeChat Pay

微信打赏

Alipay

支付宝打赏

qqpay

QQ钱包

分享至 : QQ好友 QQ空间 新浪微博 标签: none
  • 上一篇:爱是永无止境的思念
  • 下一篇:你若不离,我定不弃
建站
取消回复
添加新评论

Copyright ©2022 YunFanCH · 云帆沧海  运行了0天  加载耗时:7 ms

冀公网安备13048102000290号  |  冀ICP备2020020976号-2

Top