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

154 阅读 0 评论 102 点赞

我是靠谱客的博主能干橘子，这篇文章主要介绍css中如何设置英文首字母大写，现在分享给大家，希望可以做个参考。

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

css设置英文首字母大写

在css中，可以使用text-transform属性来设置英文首字母大写。

示例：

复制代码<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
  p.capitalize {text-transform: capitalize}
</style>
</head>
<body>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
  p.capitalize {text-transform: capitalize}
</style>
</head>
<body>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>
登录后复制