CSS中可以使用background-color屬性為元素背景填充顏色，但如果希望在背景圖片或裝飾性圖形中填充顏色，該怎么操作呢？

這時就需要用到CSS3中的background-clip和background-size兩個屬性。

.box {
background-image: url("image.jpg");
background-size: cover;
background-clip: padding-box;
background-color: #ff0000;
}

其中，background-image屬性可以指定元素的背景圖片，background-size設置背景圖片的大小，background-clip指定元素背景的繪制區域，background-color則是填充的顏色。

background-clip屬性有三個可選值：border-box、padding-box和content-box。它們決定了背景繪制的范圍。默認值是border-box，也就是整個元素的邊框盒子作為背景繪制范圍。如果設置為padding-box，則只在元素的padding區域填充顏色。如果設置為content-box，則只在元素的內容區域填充顏色。

而background-size屬性可以設置背景圖片的大小。cover值表示圖片將被等比縮放，盡可能填充整個背景區域，可能會導致圖片裁剪。contain值表示圖片將被等比縮放，盡可能展示完整圖片，可能會導致空白。

通過這些屬性的應用，我們就可以輕松地在背景圖片或裝飾性圖形中填充顏色，實現多彩多樣的設計效果。