本篇文章给大家分享的是有关如何在CSS中设置字母大写,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。在css中,可以使用text-transfORM属性设置字母大写;text-t
本篇文章给大家分享的是有关如何在CSS中设置字母大写,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
在css中,可以使用text-transfORM属性设置字母大写;text-transform 属性控制文本的大小写。
这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。
属性值:
值 | 描述 |
---|---|
none | 默认。定义带有小写字母和大写字母的标准的文本。 |
capitalize | 文本中的每个单词以大写字母开头。 |
uppercase | 定义仅有大写字母。 |
lowercase | 定义无大写字母,仅有小写字母。 |
示例:设置字母大写
<!DOCTYPE html><html><head><meta charset="utf-8" /><style type="text/css">h2 {text-transform: uppercase}p.uppercase {text-transform: uppercase} p.capitalize {text-transform: capitalize}</style></head><body><h2>This Is An H1 Element</h2><p class="uppercase">This is some text in a paragraph.</p><p class="capitalize">This is some text in a paragraph.</p></body></html>
效果图:
css的全称是Cascading Style Sheets(层叠样式表),它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
以上就是如何在css中设置字母大写,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网精选频道。
--结束END--
本文标题: 如何在css中设置字母大写
本文链接: https://www.lsjlt.com/news/276603.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0