css文字的渐变色设置 background-image: -webkit-linear-gradient( ); //设置颜色与渐变方向 -webkit-background-clip: text; //主要用于剪掉文字以外的区域。 -webkit-text-fill-color: transparent;//设置文本的填充颜色。 注:如果同时设置 text-fill-color和color属性,那么前者将覆盖后者的效果。 下面是一个demo 效果