在写htm代码时,有时候需要将网页彩色图片转为黑背图片,下面就来介绍如何使用css3的滤镜将彩色图片转为黑白图片。 一、创建一个htm文件,我们要处理的图片放在同一个目录下。 二、用文本工具打开htm文件,img加上图片链接。 三、打开浏览器我们可以开电脑图片是彩色的。 四、回到htm代码在 <style>加上css样式。 img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } 五、重新刷新htm页面,我们看到刚才的彩色图片已经变成黑白图片了。 六、代码很简单,如果不想敲代码的话,可以直接打开http://dwz.date/acuj下载即可,图片大家可以根据实际来更换即可。 </style>