我对网页设计有着非常浓厚的兴趣，可是对PS却一窍不通。常常为了网页中几张{tx}图片而束手无策。难道就没有其它变通的方法了吗？
实际上，我只要我们用好CSS，一样可以做出各种网页{tx}，而且CSS{zd0}的好处就是灵活性高。如果有大量图片要处理，那么如果我们只需要制作一个CSS文件，然后再在网页中调用该CSS。那么就可以减少许多工作量，而且如果需要将图片更改为其它风格，也只需要更改这一个CSS文件就可以达到批量更改的效果
一、运动模糊
打开记事本,输入以下内容.
{tx}图片
我们要注意这一句这里定义了你网页中图片的路径.自己根据自己的实际情况进行更改.
现在我们将它保存成picture.html文件.打开看一下效果.

现在大家可以看到,这是一张很普通的图片,没有任何效果.现在我们把代码改一下.
{tx}图片
.ps {
filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=30,direction=270,add=true);
}
把文件保存一下,再打开看一下效果.

语法讲解：“”与“”是样式表的标签对。所有的CSS代码必须放在该标签对之间。“.ps”是该CSS实例的名称。它的内容必须放在“{}”之间。“filter”是CSS滤镜标识，后面紧跟一个滤镜属性名。也就是说进行滤镜操作必须先定义“filter”。运动模糊的具体参数如下：
“filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=30,direction=270,add=true)”
Strength参数值只能用整数表示，它代表有多少相素受到影响。Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。0代表垂直向上，每45一个单位。而中的class=”ps”表示调用该CSS滤镜。如果有许多张图片需要用该效果那么都可以用这个方法来调用。
二、灰度
现在我们把代码改一下。
将与之间的代码改成以下内容
.ps {
Filter:reay;
}
保存一下，再预览该网页。

三、X射线
.ps {
Filter:xray;
}

像这样的例子还有很多，有兴趣的朋友可以在实践中不断尝试制作出名种不同的{tx}。