定义一个类 .text-color{ /* 创建一个水平方向的颜色渐变 */ background: linear-gradient(120deg, #bd34fe 30%,#5c34fe, #41d1ff); /* 将文本透明度设置为0,以便背景渐变可见 */ color: transparent; /* 使用背景渐变来填充文本背景 */ -webkit-background-clip: text; background-clip: text; } 使用这个类 <div class="text-color">这是一段可以变色的文本</div> 效果