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度，舉一反三，想要其他的傾斜度漸變直接改數值就可以了哦。
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度，舉一反三，想要其他的傾斜度漸變直接改數值就可以了哦。