CSS是網頁設計中常用的一種樣式表語言，在網頁設計中常常需要添加背景色或背景圖片來美化頁面，同時在設計時也需要將背景色和背景圖片互相結合，讓頁面更加華麗。

CSS中提供了background-color和background-image屬性來控制背景色和背景圖片的添加。其中，background-color屬性用于設置背景色，而background-image屬性用于設置背景圖片。

下面我們以背景色和背景圖片相結合作為例子，來詳細介紹CSS中如何添加背景色和背景圖片。

body {
background-color: white; /* 設置背景色 */
background-image: url(../images/bg.png); /* 設置背景圖片 */
background-repeat: repeat-y;  /* 控制背景圖片重復方式 */
}

在上述代碼中，我們為body元素添加了背景色和背景圖片。其中，設置背景色的代碼為background-color: white;，這樣就會讓背景色為白色。

而設置背景圖片的代碼為background-image: url(../images/bg.png);，這里將背景圖片指向了一個名為bg.png的圖片文件。需要注意，為了避免圖片變形，我們需要設置背景圖片的尺寸和重復方式。代碼中的background-repeat: repeat-y;表示讓背景圖片在垂直方向上重復顯示，使整個頁面更加美觀。

通過以上代碼就可以非常簡單地實現背景色和背景圖片的結合效果了。