在 CSS 中，我們可以使用 background-color 屬性來給頁面元素添加背景色。

例如：

<style>
body {
background-color: #ffffff;
}
</style>

這里設置了 body 元素的背景色為白色。但是如果我們想要設置一張背景圖片怎么辦呢？這時候就需要使用 background-image 屬性了。<pre>例如：

<style>
body {
background-image: url("image.jpg");
}
</style>

這里設置的是 body 元素的背景圖片為 image.jpg。但是如果我們想要同時設置背景色和背景圖片呢？這時候就需要將兩個屬性一起使用了。<pre>例如：

<style>
body {
background-color: #ffffff;
background-image: url("image.jpg");
}
</style>

這樣設置后，body 元素既有背景色，又有背景圖片。同時我們也可以使用 background-repeat 和 background-position 屬性來設置背景圖片的重復方式和位置。<pre>例如：

<style>
body {
background-color: #ffffff;
background-image: url("image.jpg");
background-repeat: repeat-y;
background-position: center;
}
</style>

這里設置的是 body 元素的背景圖片在垂直方向上重復，水平方向上不重復，并且居中顯示。這樣就可以讓背景色和背景圖片完美地并存了。