CSS背景怎么漸變色？

background: linear-gradient(方向, 顏色1 比例1, 顏色2 比例2, ...);

具體實現：

/* 從左到右漸變 */
background: linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);
/* 從上到下漸變 */
background: linear-gradient(to bottom,red,orange,yellow,green,blue,indigo,violet);
/* 從右上到左下漸變 */
background: linear-gradient(to bottom left,red,orange,yellow,green,blue,indigo,violet);
/* 從左上到右下漸變 */
background: linear-gradient(to bottom right,red,orange,yellow,green,blue,indigo,violet);
/* 從左到右分為兩個顏色區塊 */
background: linear-gradient(to right,red 50%,blue 50%);
/* 設置多個停止點 */
background: linear-gradient(to right,red 0%,orange 30%,yellow 50%,green 70%,blue 100%);

以上就是使用CSS實現背景漸變色的方法，利用不同的方向和顏色組合即可實現不同的漸變效果。