使用CSS，我們可以輕松地同時設置背景顏色和圖片。這對于美化網站和使網站更具吸引力至關重要。下面是如何將背景顏色和圖片一起顯示的示例：
首先，在CSS中，我們可以使用background-color屬性設置背景顏色。例如，我們想要設置背景顏色為淡藍色：

p {
background-color: lightblue;
}

這將使所有段落背景顏色變為淡藍色。接下來，我們想要為該段落添加一張背景圖片：

p {
background-color: lightblue;
background-image: url("example.jpg");
}

在以上示例中，我們使用background-image屬性來設置背景圖片。我們需要將圖片的URL放置在引號之間。
注意，在CSS中，當設置背景圖片時，我們通常還需要設置背景圖片的重復方式。默認情況下，背景圖片將在水平和垂直方向上重復，但我們可以使用background-repeat屬性來更改這種行為。例如，如果我們只想要水平重復背景圖片：

p {
background-color: lightblue;
background-image: url("example.jpg");
background-repeat: repeat-x;
}

最后，我們可以使用background-size屬性來調整背景圖片的大小。可以使用像素值或百分比值。例如，如果我們想要將我們的背景圖片調整為100像素寬和50像素高：

p {
background-color: lightblue;
background-image: url("example.jpg");
background-repeat: repeat-x;
background-size: 100px 50px;
}

當然，以上示例只是許多用背景顏色和圖片的示例之一。您可以通過實驗和使用不同的屬性和值來創建自己的獨特風格和外觀。