css中改变img的颜色

在网页制作中，图片的应用是非常常见的。但是有时候我们需要改变图片的颜色，这时候我们可以借助CSS来实现。

在CSS中，我们可以使用filter属性来修改图片的颜色。其中最常见的就是使用“灰度”滤镜来将图片变成黑白色调，代码如下：

img {
    filter: grayscale(100%);
} 

这里的“grayscale()”函数接受一个0~100%的参数，表示图片的灰度程度。如果设置为100%，则表示完全灰度化，即黑白图片。

除了灰度滤镜之外，filter属性还有很多其他的滤镜可供使用。比如，我们可以使用“hue-rotate()”函数来旋转图片的色相，代码如下：

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

这里的“hue-rotate()”函数接受一个角度值，表示图片的色相旋转程度。如果设置为180deg，则表示图片的色相旋转了180度。

除了上述两种滤镜之外，还有“brightness()”函数可以控制图片的亮度，以及“contrast()”函数可以调整图片的对比度等等。

在使用filter属性时，需要注意的是，不同的浏览器支持的滤镜种类和参数可能有所不同。因此，在实际应用中需要注意浏览器的兼容性。