演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
img{
/* filter: blur(2px);
filter: saturate(100%); */
/* filter: grayscale(100%); */
filter: contrast(100%);
}
</style>
</head>
<body>
<!--
滤镜属性：定义图像可视效果
语法：filter: 属性值;
高斯模糊：blur(尺寸单位); 尺寸单位默认0，值越大，图像越模糊；尺寸单位不能设置成百分比
饱和度：saturate(百分比); 尺寸单位默认100%，
设置0%图像变黑白
可以超过100%，色彩更艳
灰度设置：grayscale(百分比); 尺寸单位默认0%，值在0%-100%之间，值为100%图像会变成黑白
对比度：contrast(百分比); 默认100%，
值0%时图像会变成全黑，
可以超过100%，当超过100%时意味着运用更低对比度
-->
<img src="bj.jpg" width="400px" />
</body>
</html>
