小写变大写的css代码是什么

139 阅读 0 评论 92 点赞

我是靠谱客的博主自觉蜻蜓，这篇文章主要介绍小写变大写的css代码是什么，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

小写变大写的css代码是什么

在css中，想要实现小写便大写的效果，可以通过text-transform属性。

这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为 capitalize，则要对某些字母大写，但是并没有明确定义如何确定哪些字母要大写，这取决于用户代理如何识别出各个“词”。

text-transform属性的作用就是控制文本的大小写，当属性的值为uppercase时，定义文本内只有大写字母。

语法为：

复制代码元素{text-transform:uppercase;}1
元素{text-transform:uppercase;}
登录后复制

示例如下：

复制代码<html>
<head>
<style type="text/css">
  h1 {
  text-transform: uppercase;
  }
  p{
  text-transform: uppercase;
  }
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<style type="text/css">
  h1 {
  text-transform: uppercase;
  }
  p{
  text-transform: uppercase;
  }
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>
登录后复制