從左到右
background:linear-gradient(to right,#b0a3e8,#4d447b);
如果三種顏色：background:linear-gradient(to right,#b0a3e8,#8374c5,#4d447b);
兩種顏色效果如圖：
從上之下
background: -webkit-linear-gradient(#9589ca, #4e447c);
background: -o-linear-gradient(#9589ca, #4e447c);
background: -moz-linear-gradient(#9589ca, #4e447c);
background: linear-gradient(#9589ca, #4e447c);
效果如圖： 把顏色換成紅色和跟藍色比較明顯
文字從左到右漸變
background: linear-gradient(to right, #1ca639, #afe311);
-webkit-background-clip: text;
color: transparent;
效果如圖:
