|
对图像进行专门的处理,一般要用到图像处理软件,如Photoshop、Fireworks等。本文介绍用CSS的滤镜来美化你的网页图像,你也会和小钟一样感兴趣的。
首先在你的网页中插入一幅待美化的图像;
然后创立一个CSS样式,将其插入到<head>与</head>之间,代码如下: <style type="text/css"> <!-- .alpha { filter: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=400, FinishY=300)} --> </style> 最后,引用样式,在图像<img>标签中,加入 class="alpha" 通过以上简单的几步,打开IE预览你的网页,呵,图像变得漂亮多了!下图就是利用了CSS来美化的武平小钟网站的banner图片。
CSS样式中滤镜参数解释: ◎Opacity:透明度,0——完全透明,100——完全不透明; ◎FinishOpacity:与Opacity同时使用的选择性参数,用以制作出出渐进透明的效果; ◎Style:用以设定渐进的形式,0——无渐进,1——直线渐进,2——圆形渐进,3——矩形幅射; ◎StartX、StartY:渐进开始时的坐标值; ◎FinishX、FinishY:渐进结束时的坐标值。
|