1. css修改png图片颜色
CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDN
CSS标准里包含了一些已实现预定义效果的函数。
filter: none
| blur()
| brightness()
| contrast()
| drop-shadow()
| grayscale()
| hue-rotate()
| invert()
| opacity()
| saturate()
| sepia()
| url();
具体请看原文
————————————————
版权声明：本文为CSDN博主“nanhupatar”的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/nanhupatar/article/details/82793637
2. css把区域图片弄成不同颜色的色块
先在<head>标签里写几个CSS
<style type="text/css">
.blue{ background-color:Blue; };
.yellow{ background-color:Yellow };
</style>
还想要什么颜色自己再写就行了，然后哪个<div>里想要什么颜色，将<div>的class属性设成对应的CSS名称就行了。例如<div class="blue">这个<div>背景就是蓝的，这样写方便以后再修改，不必修改每一个<div>，只需要修改<style>里定义的代码就行了
不明白的私。
谢谢采纳
3. DIV设置了背景图片，如何用CSS改变其颜色
jq可以实现 给你的DIV 设置个id 名字是id
$(document).ready(function(){
$('#id').click(function(){
$('img').css("filter","gray")
})
})
4. css背景图片颜色过度
css3可以实现的：
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>gradient-transform</title>
<style>
body{margin:0;}
#demo{
width:500px;
height:200px;
/*渐变*/
background:linear-gradient(left,blue,#fff);
background:-ms-linear-gradient(left,blue,#fff);
background:-webkit-linear-gradient(left,blue,#fff);
background:-o-linear-gradient(left,blue,#fff);
background:-moz-linear-gradient(left,blue,#fff);
/*圆角*/
/*border-top-left-radius:20px;
border-bottom-right-radius:20px;*/
}
.2demo2{
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
/*IE*/
filter:FlipV;
}
</style>
</head>
<body>
<divid="demo"></div>
</body>
</html>
你看下背景从蓝色变成白色。。
如果你要不斜的渐变估计实现起来比较难。
有用就采纳把~~~
5. CSS颜色改图片语句
在网站看到的图片可以像文字一样随意改变颜色的图形，其实它本身就是一种文字，只不过这些文字并不是我们平常所使用的各种字体的文字，它是一种图标文字，是设计师们使用“专用字符编辑程序”而创建的图标字体，这样就可以使用CSS更改所谓的图片（即图标文字）的颜色。
.status:BEFORE{
color:red;
content:"☺";
font-size:22px;
font-style:normal;
left:0;
position:absolute;
top:8px;
text-align:center;
width:21px;
}
.status{
display:block;
font-size:11px;
line-height:12px;
margin-bottom:20px;
padding:2px02px26px;
position:relative;
}
.unHappy:before{
content:"☹";
color:blue;
font-size:22px;
}
6. 怎样用css实现一个图片的颜色从左至右的渐变
比如：
.sss{ filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#000000', endColorStr='#666666', gradientType='1')}
其中gradientType='1' 的值可以改的。0，1，2任意你自己咯就是水平，垂直之类的不同。
不建议用滤镜来做渐变，因为像FIREFOX那些核心的浏览器是无法显示出你的渐变得，包括NETSCAPE,OPEAR等都没办法，要渐变的话应该用图片直接做好再贴上去。
7. css中如何给图形填充颜色
1、通过设置background Color属性设置图形背景颜色；
2、CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。层叠样式是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
8. css怎么把插入的图片单独设置颜色
目前css无法给图片设置颜色，可以设置图片透明度。比如：
<style type="text/css">
.img{background:red;}
img{opacity:0.4;}
</style
<div class="img">
<img src="图片地址"/>
</div>