【CSS】设置文字(文本)的渐变色

在CSS中，可以使用linear-gradient函数来为文字设置渐变色。你需要将linear-gradient函数应用于color属性，并使用background属性的-webkit-background-clip和text-fill-color实现文字颜色的剪切以及颜色的填充。

以下是一个示例代码：

.gradient-text {
  /* 创建一个线性渐变，从红色到蓝色 */
  background: linear-gradient(to right, red, blue);
  
  /* 对于WebKit浏览器，设置背景裁剪为文字，并设置文字颜色为裁剪后的背景 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* 兼容非WebKit浏览器的方法是使用背景剪切和背景大小相同 */
  background-clip: text;
  color: transparent;
}

在HTML中使用该类：

<div class="gradient-text">这是渐变色的文字</div>

请注意，-webkit-background-clip和-webkit-text-fill-color是针对基于WebKit的浏览器（如旧版的Safari和Chrome）的。background-clip和color: transparent是现代浏览器的兼容方案。