背景色

线性渐变

background-image: linear-gradient(角度,颜色);

从左到右

background-image: linear-gradient(to right , #7A88FF, #7AFFAF);

从右到左

background-image: linear-gradient(to left, #7A88FF, #7AFFAF);

从上到下

background-image: linear-gradient(to bottom , #7A88FF, #7AFFAF);

从下到上

background-image: linear-gradient(to top , #7A88FF, #7AFFAF);

从左上到右下

background-image: linear-gradient(to bottom right, #7A88FF, #7AFFAF);

使用角度,顺时针,从0到360,0为0deg,90为90deg

background-image:linear-gradient(0deg, #7A88FF, #7AFFAF);

多颜色

background-image: linear-gradient(to right, black, white, black);

指定颜色占宽

background-image: linear-gradient(to right, #E94E65, #15A892 20%, #A89215 80%, #1574A8);