1.打開 Visual Studio Code

2.Ctrl+N新建一個html文檔

3.在body部分給他一個div標簽，也就是一個裝內容的盒子，在title下方寫入style樣式標簽，寬為200px,高為200px

4.再輸入代碼background-image:radial-gradient(circle at 20% 10%,red,green);

意思就是由紅色漸變到綠色，紅色占15%，綠色占85%

?

5.效果

?

總結

以上是生活随笔為你收集整理的制作一个渐变色背景的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。