CSS能夠對網頁中的各種元素進行樣式設置，其中一種常見的技術是將圖片填充顏色。下面我們來學習如何用CSS實現這一效果。

.image-color{
background: #FF0000;
-webkit-mask-image: url('path/image.png'); /* WebKit瀏覽器內核 */
mask-image: url('path/image.png'); /* 標準語法 */
}

以上代碼中，我們使用了CSS中mask-image屬性，這個屬性可以將圖片作為遮罩來限制其他元素的填充范圍。我們先設置了一個紅色的背景顏色，然后使用了webkit-mask-image和mask-image屬性來加載圖片文件，并將其設置為遮罩。當瀏覽器加載完成這個樣式后，就會把指定的圖片遮蓋在紅色背景上。

需要注意的是，這個技術只能在現代的瀏覽器中完美地實現。在使用這個樣式前，要確保你的網站所支持的瀏覽器版本中包含這個功能。

好了，我們已經學會了如何使用CSS將圖片填充顏色了。利用這個技術，我們可以很容易地為我們的網站添加更多的視覺效果，增加它的吸引力和互動性。