庞大资源库的计算机教程网站!
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
首页 操作系统 程序设计 图形图像 媒体动画 机械电子 WEB开发 数 据 库 办公系列 路由技术 网络原理 网络应用
认证考试 安全技术
首页>WEB开发>DreamWeaver>DW2004专题>正文
资料搜索
Google搜索
Google
返回上级列表

推荐文章

快速保存网页中所有图片的方法
Windows中让光驱巧妙“隐身”技
防范非法用户入侵Win 2000/XP系
两款比较典型的ASP木马防范方法
有关表格边框的css语法整理
Windows XP中可以被禁用的服务
SQL Server导出导入数据方法
Javascript所有对象的属性的获
网页(HTML)中的特殊字符
与篮球共舞,尽显模式本色
QQ病毒的手工清除方法
Photoshop为极品美女打造性感睫
天衣无缝:IIS与PHP水火也相容
SQL Server存储过程编写和优化

DW MX 2004 CSS 属性详解之BLUR属性

 作者:本站收集   日期:2005-3-17
字号选择〖 〗/ 双击滚屏 单击停止   


【Blur属性】把Blur滤镜加载到文字上,可产生立体字的效果,加载到图片上,可以产生风吹模糊效果。不仅美化了网页,也为你的网页减轻了分量,首先,请看把Blur滤镜加载到文字上的效果:
  

原文字
加载Blur滤镜后的效果
属性详解
属性详解
  

制作方法如下:
   1、创建新的CSS样式:(要回顾创建新的 CSS 样式操作方法,请点页顶导航条“简要说明”按钮)

提示:新创建的CSS样式名称,输入“Blur"。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。选择“Blur"并按括号中的滤镜参数值设置好参数(Blur(Add=true, Direction=45, Strength=6)),按“确定”结束。若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码:
  

< style type="text/css" >
< !--
.blur1 { filter: Blur(Add=true, Direction=45, Strength=6);
}
-- >
< /style >

2、做好的Blur滤镜,你可以把它加载到文字。加载的方法:
   1)在网页上插入一个1*1的表格,给表格加上合适的背色,然后输入文字。
   2)在DW MX 2004 的标签检查器(状态栏)中选取有文字的那个单元格<td>,然后右键点击CSS面板上的“blur”选择“套用”。或在属性面板“样式”框选“blur”。此时,你可看到< td >的源代码(简化)是这样的:< td class="blur" > ,如果您还有其它设置可能代码多一些。
 


  

    下面我们来看一看Blur滤镜加载到图片上的效果:

原图
加载Blur滤镜后的效果

  

   加载到图片上的Blur滤镜与加载到文字上的滤镜的制作方法相同。加载的方法更加简单,具体操作如下:
   1)插入一张图片。
   2)选取图片。
   3)在属性面板“样式”菜单选“blur1”。
  
   下面介绍一下Blur滤镜的参数,以便你灵活应用:
   Add:是否让Blur滤镜起作用,Add=False(或“0”)时Blur滤镜不起作用,取True(或非“0”值)时Blur滤镜起作用,只有两个值,即true和false;
   Direction:阴影的方向,取值范围0~360度,45度一个间隔,所以实际上只有八个方向值;
   Strength:它代表有多少个像素的宽度成为阴影,你也可以简单地理解为阴影的长度。它只能用整数来指定,默认值是5个像素,你可以根据实际需要来指定阴影的长度。我上面的两个图片例子是用的同一个滤镜,Strength是10个像素。同一网页中对不同的对象可以使用不同参数的Blur滤镜,你只要给它们取不同的名称就行了。

上一篇:DW MX 2004 CSS 属性详解    下一篇:DW MX 2004 CSS 属性详解之CHROMA 属性  
[发送给好友]  [关闭窗口]  [返回顶部]   转载请注明来源:www.it00.com   
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑: 原点 投稿作者: 本站收集
信息来源: 网络 录入时间: 2005-3-17
关于我们 - 广告服务 - 版权申明 - 网站地图 - 联系方式 - 总编信箱 - 会员投稿