CSS中的背景色和背景圖是網頁設計中常用的屬性，可以讓頁面更加豐富和美觀。

首先，讓我們來看一下如何設置背景色。CSS中通過background-color屬性來設置元素的背景色，其值可以為顏色名稱、顏色值或RGB值。下面是一個示例：

div {
background-color: #FFA07A;
}

在這個例子中，我們將div元素的背景色設置為淺紅色。

接下來，我們來學習如何設置背景圖。CSS中通過background-image屬性來設置元素的背景圖像，其值可以為圖片的路徑、URL值或漸變。下面是一個示例：

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

在這個例子中，我們將div元素的背景圖像設置為本地目錄中的例圖。

需要注意的是，背景圖像只是元素的一部分，如果圖像小于元素的大小，則剩余部分將會使用背景色填充。如果您希望背景圖像占滿整個元素，請同時設置background-size屬性。

總結，CSS中的背景色和背景圖像可以讓我們更好地提升網頁設計的質量和美觀度。我們可以通過background-color屬性來設置元素的背景色，通過background-image屬性來設置元素的背景圖像。