CSS中,可以使用background-image
和background-color
兩個(gè)屬性來設(shè)置背景圖片和背景顏色,如果想要在背景圖片上填充顏色,可以通過調(diào)整這兩個(gè)屬性的值來實(shí)現(xiàn)。
可以將background-image
屬性的值設(shè)置為背景圖片的路徑,將background-color
屬性的值設(shè)置為想要填充的顏色,這樣,背景圖片就會顯示在背景顏色之上,從而實(shí)現(xiàn)填充顏色的效果。
假設(shè)有一張背景圖片background.jpg
,想要在其上填充顏色#ff0000
(紅色),可以將CSS代碼寫為:
body { background-image: url('background.jpg'); background-color: #ff0000; }
這樣,背景圖片就會顯示為紅色,從而實(shí)現(xiàn)填充顏色的效果,注意,如果背景圖片的大小與容器的大小不匹配,可能會出現(xiàn)背景圖片重復(fù)顯示或者顯示不完整的情況,這時(shí)可以通過調(diào)整背景圖片的大小或者容器的大小來解決。