CSS是一種常用的網頁樣式設計語言，它可以通過設置元素的屬性來改變其表現效果。其中，背景色和背景圖是常用的樣式設置方式，下面將介紹如何同時使用背景色和背景圖。

.example {
background-color: #F5F5F5; /* 設置背景色 */
background-image: url("example.jpg"); /* 設置背景圖 */
background-repeat: no-repeat; /* 取消背景圖的重復顯示 */
background-size: cover; /* 設置背景圖的覆蓋方式 */
}

在上述代碼中，我們先通過選擇器選擇了一個class為example的元素，然后設置了其背景色為#F5F5F5。接著，我們設置了其背景圖為名為example.jpg的圖片，通過background-image屬性來實現。需要注意的是，由于背景圖是默認重復顯示的，因此我們需要通過background-repeat屬性來取消其重復顯示，上述代碼中我們設置了其不重復顯示。此外，我們還可以通過background-size屬性來設置背景圖的覆蓋方式，上述代碼中我們將其設置為cover，表示將背景圖縮放至全部覆蓋背景區域，如果想展示完整圖片，則需要將其設置為contain。

同時使用背景色和背景圖可以讓網頁變得更加豐富多彩，既可以強調內容，又可以提高視覺效果，增強網頁的美感。希望以上介紹可以幫助大家更好地理解如何使用CSS設置網頁背景色和背景圖。