前端之家收集整理的这篇文章主要介绍了
如何在HTML / CSS中显示不同颜色的单词的重音？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一些这样的
文字,以
HTML格式
显示：
pīngpāngqiúpāi
如何更改文本颜色,使得文本为蓝色,而上面的重音为红色？
CSS将字母视为一个整体,因此它只能是1种颜色.
这是一个hacky版本：
这仅在内容保持不变时才有效.
span{
font-size:48px;
color:blue;
position:relative;
}
span:after{
content:'pīngpāngqiúpāi';
position:absolute;
left:0;
height:20px;
overflow:hidden;
z-index:9999;
color:red;
}
<span>pīngpāngqiúpāi</span>
就个人而言,我不会用这个.这是一种可怕的做法.
原文链接：https://www.f2er.com/html/228019.html
