css3字母全大写 |tp框架的css路径

text-transform: uppercase;  // 将所有字符转换为大写
text-transform: capitalize;  // 将每个单词的首字母转换为大写
text-transform: lowercase;  // 将所有字符转换为小写

下面是一个例子：

<div>
<p>This is a sample text.</p>
<p>This is a sample text.</p>
<p>This is a sample text.</p>
<p>This is a sample text.</p>
</div>

请注意，text-transform属性只在显示中改变文本，而不会更改HTML代码中的实际文本。因此，如果您复制粘贴大写文本，则在文本编辑器中将保留原始大小写，而大写文本将仅在显示时出现。

另外，这种技术可能会影响到一些元素，例如链接的下划线。如果您不希望这样，可以将文本转换为大写，然后使用text-decoration属性添加下划线。

<a href="#">Link</a>

这样，链接将以大写字母和下划线的形式显示。