使用text-transform:capitalize可实现每个单词首字母大写,如Hello World;用uppercase可全转大写,如WELCOME;通过p::first-letter{ text-transform:uppercase;}仅首字母大写,如Hello world。

HTML文本首字母大写可以通过CSS的 text-transform 属性轻松实现。这个属性专门用于控制文本的大小写显示,无需修改HTML内容本身。
使用 text-transform: capitalize
将每个单词的首字母变为大写,适合标题或名称类文本。示例代码:
hello world
显示效果为:Hello World
使用 text-transform: uppercase
将全部文本转为大写,适用于强调性标题。示例:
立即学习“前端免费学习笔记(深入)”;
welcome
显示为:WELCOME
仅首字母大写(第一个字符)
如果只想让整个文本的第一个字母大写,其他保持小写,可以结合伪元素和CSS实现。示例代码:
p::first-letter {
text-transform: uppercase;
}
应用于:
hello world
效果是:Hello world(只有h变大写)
基本上就这些常用方式。根据实际需求选择对应的CSS属性即可,灵活又高效。不复杂但容易忽略细节。











