2022-08-21 分類: 網站建設
方法/步驟1:舉個例子,既然是要設置div漸變,所以我們就需要先使用一個div標簽。
方法/步驟2:然后在header標簽里面設置
標簽的css樣式。
方法/步驟3:顏色漸變要有一個范圍,所以小伙伴們需要給div設定width和height,也就是寬度和高度。
方法/步驟4:然后設定div的background背景屬性,如圖所示,背景顏色漸變就用到-webkit-linear-gradient。
方法/步驟5:接著,在-webkit-linear-gradient里面寫top,設定漸變從頂部開始,到底部結束。在這里需要注意的是,寫了top就不要寫bottom了哦。
方法/步驟6:之后,再設定顏色的漸變順序,比如我設置了從白色漸變到藍色。溫馨提示,顏色可以設定多個的哦。
方法/步驟7:做完這些之后,div背景漸變就成功了哦,是不是很有層次感呢?
方法/步驟3:顏色漸變要有一個范圍,所以小伙伴們需要給div設定width和height,也就是寬度和高度。
方法/步驟4:然后設定div的background背景屬性,如圖所示,背景顏色漸變就用到-webkit-linear-gradient。
方法/步驟5:接著,在-webkit-linear-gradient里面寫top,設定漸變從頂部開始,到底部結束。在這里需要注意的是,寫了top就不要寫bottom了哦。
方法/步驟6:之后,再設定顏色的漸變順序,比如我設置了從白色漸變到藍色。溫馨提示,顏色可以設定多個的哦。
方法/步驟7:做完這些之后,div背景漸變就成功了哦,是不是很有層次感呢?
分享文章:css怎樣設置div背景色漸變
網頁地址:http://m.newbst.com/news18/191918.html
成都網站建設公司_創新互聯,為您提供App開發、商城網站、網站策劃、響應式網站、小程序開發、虛擬主機
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容