CSS怎么設置漸變背景效果

我在網頁開發的過程中，經常會用到CSS來添加樣式，制作漸變顏色的背景！下面小編就將方法分享給大家，供大家參考學習！（如果你不在乎過程，請直接復制演示代碼修改）

東西/原料

1
起首打開東西，新建一個HTML文檔！
2
建立一個div盒子，并添加根基樣式（以DIV為大師演示）
3
添加線性漸變結果：
語法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
演示代碼：background-image: linear-gradient(to right, red , yellow);
4
添加徑標的目的漸變結果：
語法：background-image: radial-gradient(shape size at position, start-color, ..., last-color);
演示代碼：background-image: radial-gradient(circle, red, yellow, green);
5
最后，我打開瀏覽器來看看結果吧！
END