在Web頁面中，圖像是一個重要的元素。當我們使用CSS設計網頁時，有時候需要將一張圖片作為背景圖樣式，并且希望填充指定的背景色。下面，我們就來了解一下如何實現這一效果。

首先，我們需要將圖片添加到HTML中，代碼如下：

<div class="bg-image">
<img src="my-image.jpg" alt="My Image">
</div>

接下來，我們使用CSS將圖片作為背景圖樣式，并設置背景色屬性。代碼如下：

.bg-image{
background-image: url("my-image.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
}

在代碼中，我們使用了background-image屬性來指定圖片作為背景圖樣式。background-repeat屬性設置為no-repeat，這表示不重復圖片。background-size屬性設置為cover，這會使圖片填滿整個DIV。最后，設置了背景色屬性background-color為白色。

上述代碼就可以將圖片作為背景圖樣式，并填充指定的背景色。需要注意的是，圖片文件和CSS文件的相對路徑可能會有變化，需要根據具體情況進行調整。