在網頁設計中，背景漸變是非常常見的效果之一，可以通過CSS來實現。CSS中提供了多種方式來實現背景漸變，以下我們將一一介紹。

/* 第一種方式：線性漸變 */
background: linear-gradient(to right, #f00, #00f);
/* 第二種方式：徑向漸變 */
background: radial-gradient(circle, #f00, #00f);
/* 第三種方式：重復線性漸變 */
background: repeating-linear-gradient(to right, #f00, #00f);
/* 第四種方式：重復徑向漸變 */
background: repeating-radial-gradient(circle, #f00, #00f);

以上四種方式都支持多種參數設置，如漸變方向、起始顏色、結束顏色、分割點等等。以下我們將一一舉例說明。

/* 線性漸變示例 */
background: linear-gradient(to right, #f00, #0f0, #00f);
background: linear-gradient(45deg, #f00, #00f);
/* 徑向漸變示例 */
background: radial-gradient(circle, #f00, #0f0, #00f);
background: radial-gradient(at 50% 50%, #f00, #00f);
/* 重復線性漸變示例 */
background: repeating-linear-gradient(to right, #f00, #0f0 20%, #00f 50%);
background: repeating-linear-gradient(45deg, #f00, #00f);
/* 重復徑向漸變示例 */
background: repeating-radial-gradient(circle, #f00, #0f0 20%, #00f 50%);
background: repeating-radial-gradient(at 50% 50%, #f00, #00f);

通過CSS中的背景漸變效果，可以很好地為網頁設計增添美感和視覺效果。我們可以根據具體的設計需求和視覺效果，靈活運用不同的漸變方式和參數設置，來達到我們的預期效果。