CSS 是一種可以很好控制網頁設計的語言，其中背景顏色和圖片是設計頁面時經常用到的元素。這里我們可以使用 CSS 的背景屬性同時為頁面添加背景顏色和圖片。

body {
background-color: #f2f2f2; /* 設置背景顏色 */
background-image: url(bg.png); /* 設置背景圖片 */
background-repeat: no-repeat; /* 不重復背景圖片 */
background-position: center center; /* 背景圖片位置 */
background-attachment: fixed; /* 固定背景圖片 */
}

在上面的代碼中，我們使用了background-color屬性設置頁面的背景顏色，同時使用background-image屬性添加了一個背景圖片。 我們還使用了background-repeat屬性控制背景圖片是否重復，background-position屬性控制背景圖片的位置，而background-attachment屬性則可以讓背景圖片固定不動。

需要注意的是，為了避免背景圖片被瀏覽器縮放導致失真，我們應該使用高像素密度的圖片。

除了上述方式向頁面添加背景圖片和顏色，我們還可以使用 CSS 的linear-gradient屬性創建漸變背景。

body {
background-image: linear-gradient(to bottom, #f2f2f2, #c1c1c1); /* 上下漸變的背景 */
}

在上述代碼中，我們使用linear-gradient屬性創建了一個從上至下漸變的背景。通過指定漸變的方向和起始和結束的顏色，即可輕松創建漸變背景。

以上就是 CSS 中使用背景顏色和圖片的方法，通過巧妙的組合和使用，我們可以輕松地為網頁帶來更加豐富的視覺效果。