1啟動DW軟件，新建一個網頁文件，在body中添加一個<div></div>標簽，然后給他一定CSS樣式，【width:300px;height:200px;background:#ff0000；】我們可以看到填充了背景色為紅色。

2然后我們添加線性漸變代碼【background:-webkit-linear-gradient(left,#ff5000,#ff9000)no-repeat;】，保存并刷新網頁后，可以看到背景色已經是漸變色了。

3我們來分析下這段代碼的含義，括號中的【left】代表顏色是從左到有的漸變，兩個顏色色值【#ff5000,#ff9000】代表從第一個色值漸變到另一個色值。

4如果是從上到下漸變，只需要把【left】改成【top】就可以了。

5從右向左漸變就是把方向改為【right】

6從下向上相信大家也都明白了吧，改成【bottom】就可以啦。

7如果我們想讓漸變色改成45度斜著漸變，就把方向值改為【45deg】就可以咯，45就是45度，舉一反三，想要其他的傾斜度漸變直接改數值就可以了哦。