css怎樣設(shè)置div背景色漸變

方法/步驟1:舉個例子，既然是要設(shè)置div漸變，所以我們就需要先使用一個div標簽。
方法/步驟2:然后在header標簽里面設(shè)置
標簽的css樣式。
方法/步驟3:顏色漸變要有一個范圍，所以小伙伴們需要給div設(shè)定width和height，也就是寬度和高度。
方法/步驟4:然后設(shè)定div的background背景屬性，如圖所示，背景顏色漸變就用到-webkit-linear-gradient。
方法/步驟5:接著，在-webkit-linear-gradient里面寫top，設(shè)定漸變從頂部開始，到底部結(jié)束。在這里需要注意的是，寫了top就不要寫bottom了哦。
方法/步驟6:之后，再設(shè)定顏色的漸變順序，比如我設(shè)置了從白色漸變到藍色。溫馨提示，顏色可以設(shè)定多個的哦。
方法/步驟7:做完這些之后，div背景漸變就成功了哦，是不是很有層次感呢？
方法/步驟3:顏色漸變要有一個范圍，所以小伙伴們需要給div設(shè)定width和height，也就是寬度和高度。
方法/步驟4:然后設(shè)定div的background背景屬性，如圖所示，背景顏色漸變就用到-webkit-linear-gradient。
方法/步驟5:接著，在-webkit-linear-gradient里面寫top，設(shè)定漸變從頂部開始，到底部結(jié)束。在這里需要注意的是，寫了top就不要寫bottom了哦。
方法/步驟6:之后，再設(shè)定顏色的漸變順序，比如我設(shè)置了從白色漸變到藍色。溫馨提示，顏色可以設(shè)定多個的哦。
方法/步驟7:做完這些之后，div背景漸變就成功了哦，是不是很有層次感呢？