这篇文章主要讲解了“怎么设置css背景图片颜色”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么设置css背景图片颜色”吧！

创新互联建站成立与2013年，先为绩溪等服务建站，绩溪等地企业，进行企业商务咨询服务。为绩溪企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

css中，可以利用background和background-blend-mode属性来设置背景图片颜色，语法格式“background: url(背景图片路径), 颜色值;background-blend-mode: lighten;”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

利用background-blend-mode

代码如下：

原图：

效果图：

说明：

lighten这个混合模式：变亮、变亮模式与变暗模式产生的效果相反，黑色比任何颜色都要暗，所以黑色会被任何色替换掉。反之，如果素材的底色是黑色，主色是白色。那就应该用变暗（darken）的混合模式  。

linear-gradient(#f00,  #00f )还可以实现渐变颜色的效果哦。

感谢各位的阅读，以上就是“怎么设置css背景图片颜色”的内容了，经过本文的学习后，相信大家对怎么设置css背景图片颜色这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

文章名称：怎么设置css背景图片颜色
标题来源：http://chengdu.cdxwcx.cn/article/ihjhcj.html