收藏本站 
广告服务 
网站地图 
>> 我们从网络和杂志上收集了近100000余篇各类电脑技术、网络技术、软件技术等方面的文章教程,我们的收录原则:不是精华拒不收录!
先飞电脑技术网技术文章
利用CSS制作虚幻化网页图像效果
[ 作者:佚名    转贴自:网络转载    阅读次数:46    更新时间:2007-6-26 12:47:00   录入:刘光勇 ]        
    对图像进行专门的处理,一般要用到图像处理软件,如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:渐进结束时的坐标值。

上一篇:解析edikid's blog的CSS“加密”技术  下一篇: 没有了  
网站主页 | 收藏本页 | 联系我们 | 广告服务 | 站点地图 | 会员注册 | 招聘信息 | 内容指正

联系QQ:先飞电脑技术网站事务联系QQ,点击可以直接留言. 32933427 电话:13710542091 [世界排名] 鄂ICP备05005890号