在網頁設計中，CSS的漸變效果是非常常用的，可以讓網頁更加美觀和生動。下面我們來介紹一下CSS的漸變效果。

/* 線性漸變 */
background: linear-gradient(to bottom, #fff, #000);

使用linear-gradient可以在某個方向上設置從一個顏色到另一個顏色的漸變效果，其中to bottom表示顏色漸變方向是從上到下。此外，還可以用to top、to left、to right、to top left等其他方向。

/* 徑向漸變 */
background: radial-gradient(circle, #fff, #000);

使用radial-gradient可以在某個區域內設置從一個顏色到另一個顏色的漸變效果，其中circle表示漸變區域是一個圓形。還可以使用其他形狀，比如ellipse代表橢圓形。

/* 角度漸變 */
background: linear-gradient(45deg, #fff, #000);

可以使用角度來設置線性漸變的方向，比如45deg表示顏色漸變方向是從左上角到右下角。

/* 重復漸變 */
background: repeating-linear-gradient(to bottom, #fff, #000 20%, #f00 20%, #f00 40%);

可以使用repeating-linear-gradient函數設置重復的漸變效果，其中20%表示第一種顏色從0%到20%，第二種顏色從20%到40%，第三種顏色從40%到60%，以此類推。

總之，CSS的漸變效果可以讓網頁更加生動，顯示效果更加出色，是網頁設計中必不可少的一部分。