css 怎么修改图片的颜色

CSS作为一种样式语言，可以用来控制网页的字体、背景、布局等，同时也可以修改图片的颜色。

在CSS中修改图片颜色，需要用到CSS的滤镜（filter）属性。以下是一段CSS代码，可以将图片的颜色变成蓝色：

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

上面这段代码中，filter属性可以修改图片的颜色，hue-rotate是滤镜之一，它可以旋转颜色值。90deg代表将图片颜色顺时针旋转90度，即变成蓝色。

如果你想将图片变成红色，可以将hue-rotate的值改为-90deg：

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

除了hue-rotate滤镜，CSS还有很多其他的滤镜，可以按需使用，如下：

/* 灰度 */img {
      filter: grayscale(100%);
}
/* 模糊 */img {
      filter: blur(5px);
}
/* 怀旧 */img {
      filter: sepia(100%);
}
/* 对比度 */img {
      filter: contrast(200%);
}
/* 饱和度 */img {
      filter: saturate(200%);
}
/* 亮度 */img {
      filter: brightness(200%);
}
    

除了在CSS中直接写滤镜属性，也可以将滤镜写到单独的类或ID中，然后使用JavaScript在网页中控制这些类或ID的显示/隐藏来实现修改图片颜色的效果。

总之，使用CSS修改图片颜色可以让网页更加个性化和独特，希望这篇文章对你有所帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！