CSS是一種強(qiáng)大的樣式表語言，可以用來改變網(wǎng)頁的外觀和布局，改變圖片顏色也是CSS的一個(gè)重要應(yīng)用，在CSS中，可以使用filter屬性來改變圖片的顏色。

需要在CSS樣式表中定義一個(gè)新的樣式規(guī)則，用于指定要改變的圖片的顏色，可以使用以下代碼來將圖片的顏色更改為灰色：

img.gray {
  filter: grayscale(100%);
}

上述代碼中，img.gray表示應(yīng)用該樣式的圖片元素。filter: grayscale(100%)表示將圖片轉(zhuǎn)換為灰色，其中100%表示完全轉(zhuǎn)換為灰色。

在HTML中引用該樣式，可以將以下代碼添加到HTML中：

<img class="gray" src="image.jpg" />

上述代碼中，class="gray"表示將該圖片元素應(yīng)用之前定義的gray樣式。src="image.jpg"表示圖片的來源路徑。

這樣，圖片的顏色就會(huì)根據(jù)CSS樣式表中的定義進(jìn)行更改了，除了灰色外，還可以根據(jù)需要更改為其他顏色，可以使用以下代碼將圖片更改為紅色：

img.red {
  filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
}

上述代碼中，filter屬性的值表示將圖片的顏色旋轉(zhuǎn)到紅色，并增加飽和度和亮度，以增加顏色的鮮艷度。

需要注意的是，使用filter屬性會(huì)改變圖片的顏色，但并不會(huì)改變圖片的內(nèi)容，如果需要恢復(fù)原始顏色，可以將filter屬性的值設(shè)置為none：

img.original {
  filter: none;
}

CSS的filter屬性可以用來很方便地改變圖片的顏色，使網(wǎng)頁更加豐富多彩。