作為網頁設計中的一項重要技術，CSS 的運用可以使網頁的樣式煥然一新，其中背景圖片和漸變色也是經常被使用的樣式特性之一。

首先，CSS 背景圖片的運用可以為網頁增添色彩和美感，使頁面更加豐富、生動。在 CSS 中應用背景圖片時，可以通過以下代碼實現：

body {
background-image: url("example.jpg");
}

其中，"example.jpg" 為你要引用的圖片路徑。

除了直接引入圖片之外，還可以使用 CSS 提供的一些屬性來對背景圖片進行調整，例如：

background-repeat: no-repeat; // 設置背景圖片不重復
background-size: cover; // 設置背景圖片尺寸自適應屏幕
background-position: center top; // 設置背景圖片位置
opacity: 0.8; // 設置背景圖片透明度

另外，漸變色是 CSS 中一種應用十分廣泛的樣式特性，能夠實現色彩變化或漸變色效果。

CSS 漸變色允許通過設定顏色的開始和結束點來完成顏色的漸變，比較常用的情況為從一個顏色透明到另一個顏色不透明的漸變。在 CSS 中應用漸變色時，可以通過以下代碼實現：

body {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

其中，"to bottom" 表示漸變的方向，可以設置為 left、right、top 和 bottom 等方向。而 "rgba(255,255,255,0)" 和 "rgba(255,255,255,1)" 分別代表漸變的起點、終點顏色和透明度。

總的來說，CSS 背景圖片和漸變色都是非常實用的樣式特性，通過掌握這些技巧，可以讓你的網頁樣式更加多樣化、生動有趣。