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

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

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

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