本文目錄導讀：

1. 線性漸變
2. 徑向漸變

CSS填充漸變色是一個常見的需求，在網(wǎng)頁設計中，我們可以使用CSS的線性漸變或徑向漸變來實現(xiàn)，這篇文章將介紹如何使用CSS填充漸變色，讓你的網(wǎng)頁更加豐富多彩。

線性漸變

線性漸變是從一個顏色到另一個顏色的平滑過渡，我們可以使用CSS的linear-gradient函數(shù)來實現(xiàn)，從紅色到藍色的線性漸變可以寫成：

div {
  background: linear-gradient(to right, red, blue);
}

這將使div元素的背景色從紅色逐漸過渡到藍色，你可以根據(jù)需要調整漸變的顏色和角度。

徑向漸變

徑向漸變是從一個顏色到另一個顏色的圓形過渡，我們可以使用CSS的radial-gradient函數(shù)來實現(xiàn)，從紅色到藍色的徑向漸變可以寫成：

div {
  background: radial-gradient(circle, red, blue);
}

這將使div元素的背景色從紅色逐漸過渡到藍色，呈現(xiàn)出一個圓形的漸變效果，同樣，你也可以根據(jù)需要調整漸變的顏色和形狀。

除了以上兩種方法，CSS還提供了其他多種實現(xiàn)漸變色的方式，例如使用repeat-x或repeat-y來重復漸變色，或使用angle來調整漸變的角度等，這些都可以根據(jù)你的需求進行調整，打造出更加豐富多彩的網(wǎng)頁效果。

CSS填充漸變色是一個實用的技巧，可以讓你的網(wǎng)頁更加生動、有趣，希望這篇文章能對你有所幫助！