一.首先设置背景渐变（background:liner-gradient(角度,颜色1,颜色2,.........);）
background:liner-gradient(90deg,red,yellow,blue);
二.通过属性-webkit-background-clip:text;
注：-webkit-background-clip:text;以盒子内的文字作为裁剪区，文字以外的部分就会被剪掉。
三.必须给文字设置为全透明（最重要的）（4种方法）
1.color: #00000000;
2.color: transparent;
3.color: rgba(0,0,0,0);
4.opacity: 0;