在網頁設計中，CSS（Cascading Style Sheets）是不可或缺的一部分。通過CSS，我們可以設置網頁的樣式，包括字體、字號、顏色、布局等等。其中，背景顏色和背景圖像的設置也是常用的樣式設置。

CSS背景顏色的設置非常簡單。首先，在CSS中選中需要設置背景顏色的元素，比如body元素：

body {
background-color: #f2f2f2;
}

上述代碼中，我們設置了body元素的背景顏色為淺灰色（RGB值為#f2f2f2）。如果希望設置其他元素的背景顏色，只需要把選擇器中的“body”改成對應元素的選擇器即可。

如果希望設置漸變色背景，也可以使用CSS的漸變函數。比如設置body元素背景顏色從上到下漸變為藍色和紫色：

body {
background: linear-gradient(to bottom, #3399ff, #9966ff);
}

上述代碼中，我們使用了background縮寫屬性，后面跟上了linear-gradient漸變函數。to bottom表示漸變方向是從上到下，#3399ff和#9966ff表示漸變的起始和結束顏色。

CSS背景圖像的設置同樣也很簡單。比如設置body元素的背景圖像為一張圖片：

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

上述代碼中，我們使用了background-image屬性，后面跟上了圖片路徑。如果希望設置其他元素的背景圖像，只需要把選擇器中的“body”改成對應元素的選擇器即可。

如果需要定位背景圖像的位置，可以使用background-position屬性。比如把背景圖像放到元素的右上角：

body {
background-image: url('background.jpg');
background-position: right top;
}

上述代碼中，我們使用了background-position屬性，后面跟上了位置屬性right和top。如果希望背景圖像居中，可以使用center作為位置屬性。

綜上所述，CSS背景顏色和背景圖像的設置都是很簡單的。只需要選中需要設置的元素，并使用對應的CSS屬性即可。通過合理運用這些樣式，我們可以輕松地為網頁添加美觀的背景效果。