关于css：有没有办法用不同的颜色部分填充文本？

Is there a way to partially fill text with different colours?

本问题已经有最佳答案，请猛点这里访问。

以下是我想要达到的目标： enter image description here

有没有一种方法可以通过W3网络技术实现这一点，例如SVG、Canvas？

是的，您可以使用text-fill-color和background-clip属性。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

html, body {
background: #000;
}

p {
margin: 0px;
}

#clip {
background: linear-gradient(to right, rgba(127, 127, 127, 1) 23%, rgba(234, 85, 7, 1) 20%, rgba(234, 85, 7, 1) 57%, rgba(127, 127, 127, 1) 59%);
background-attachment: fixed;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: 8vw;
font-weight: bold;
text-align: center;
}

1 2	<p id="clip">Lorem ipsum dolor sit </p>

注意：有关详细信息，请访问此链接。