CSS圖片怎么變顏色 要在網頁中使用一些圖片作為背景或者裝飾是很常見的，但是有時候需要改變圖片的顏色來適應頁面的風格。在CSS中可以很容易地實現這個效果。 方法一：使用CSS濾鏡 CSS3提供了一系列濾鏡，其中的hue-rotate可以改變圖片的顏色。下面是一段使用濾鏡實現圖片變色的CSS代碼：

img {
filter: hue-rotate(90deg);
}

解釋一下這段代碼，其中的"img"表示這個樣式會應用到所有的img標簽上。"filter"是指濾鏡，"hue-rotate"指的是旋轉色調，顏色的度數可以自己調整。在這個例子中，圖片會旋轉90度，顏色也會變為藍色。 注意：使用濾鏡會占用一定的計算資源，大量使用會影響網頁加載速度。 方法二：使用SVG圖片 SVG格式的圖片可以直接以文本形式嵌入HTML或CSS中，便于修改。下面是一個簡單的SVG圖片代碼示例：

上面的代碼定義了一個40x40的紅色方塊。如果要改變它的顏色，只需要修改fill屬性即可。例如：

這時候方塊的顏色就變成了藍色。 總結 改變圖片顏色只需要一些簡單的CSS代碼或者使用SVG格式圖片來實現。如果需要修改的圖片較多，最好使用SVG圖片，這樣可以方便地統一修改。無論哪種方法，都可以讓你的網頁看起來更加美觀。