1、打開html開發工具，新建一個html文件在html代碼頁面創建一個<div>并給這個標簽添加一個類名linear：

2、然后為類設置樣式。在title后面創建一個style標簽，然后在這個標簽里面設置linear類的高、漸變（linear-gradient）的樣式，這里的第一個參數是設置漸變的方向，后面兩個參數是起始顏色和終止顏色。設置好后去瀏覽器查看效果：

3、保存好html文件后使用瀏覽器查看效果。就會看到一個綠色到紅色的漸變了。以上就是html中讓背景顏色漸變的設置方法介紹：

1、打開編輯器，新建一個HTML，并定義一個div，并給50px的高度：

2、接下來在style中設置div的樣式，這里使用linear-gradient()編寫一個默認方向的紅藍漸變，漸變的方向可以省略的：

3、如果想設置漸變方向為從右至左，只需要給linear-gradient加一個“toleft”屬性就可以了：

4、保存文件查看生成的指定方向的漸變，可以看到瀏覽器中顯示出紅藍的漸變色。以上就是用在html中設置漸變色的步驟：