Rumah > Artikel > hujung hadapan web > css如何设置英文首字母大写

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

云罗郡主asal: 2018-11-28 16:59:5515556semak imbas

我们经常在英文报纸上看到首个单词大写，那么单词首字母大写如何设置，可能很多人遇到这种问题都不知道怎么操作，下面我们来讲解一下css如何设置英文首字母大写？

css如何设置首字母大写

实现英文首字母大写可以使用div+css，div+css中的一个text-transform属性可以设置字母大小写，以及字母全文大写和字母全文小写。

一：text-transform结构语法：

text-transform属性有三个属性，分别是Capitalize，Uppercase和Lowercase。

Capitalize表示无论字母是大写还是小写，全部都转为首字母大写，语法：div{text-transform:capitalize};

Uppercase表示无论字母是大写还是小写，全部都转为字母全部大写，语法：div{text-transform:uppercase} ;

Lowercase表示无论字母是大写还是小写，全部被CSS转为字母全部小写，语法：div{text-transform:lowercase}

二：代码案例如下：

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1{text-transform:capitalize}
h2{text-transform:uppercase} 
h3{text-transform:lowercase} 
</style>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
</body>
</html>

显示效果如下：

css如何设置首字母大写

无论字母大小还是小写，我们都是可以使用text-transform样式属性去设置，以上就是对css如何设置英文首字母大写的全部介绍，如果你想了解更多有关CSS3教程，请关注php中文网。

Atas ialah kandungan terperinci css如何设置英文首字母大写. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php css css3 transform

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：css如何剪切元素?clip属性的使用Artikel seterusnya：css grid布局是什么？grid布局的基本介绍

Artikel berkaitan

Lihat lagi