动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
  
   DreamWeaver → 阅读文章

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

作者来源: 
阅读 数 520 人次 , 2006-3-29 4:49:00 


  【glow属性】对象应用glow 滤镜后,这个对象的边缘就会产生类似发光的效果,这种效果在图像处理软件中做起来比较麻烦,而在dw mx 2004中用css的“glow”滤镜来制作却是很简单,而且节约不少字节。首先看一下glow 在文字上的应用实例:


边缘类似发光的效果

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

  提示:新创建的css样式名称,输入“glow”。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。
  选择“glow”,按此参数设置:glow(color=#ffff33, strength=10),点“确定”结束。 若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码:

<style type="text/css">
<!--
.glow {
filter: glow(color=#ffff33, strength=10);
}
-->
</style>


 
  “glow”滤镜只有两个参数,一个是“color”是指定发光的颜色,另一个参数是“strength”是发光的强度,也可理解为光芒的长度。取值范围1~255之间的任何整数。下面我们来做几个应用实例。

【glow滤镜在图片上的应用】
   “glow”滤镜加载到一般图片无效,但若是把图片放到表格中,再给表格的< td >加上“glow”滤镜,却能使图片产生一个渐变颜色的边框,请看下面的效果:

“glow”滤镜加载到图片产生渐变边框效果

【glow滤镜在透明背景图片上的应用】
  加载到有透明背景的gif图片上却能产生一种光晕效果,请看下面的效果图:

“glow”滤镜加载到透明背景图片效果


“glow”滤镜加载到透明背景动画和<td>效果


 

 


  glow滤镜的参数不多,使用简单,效果明显。在具体应用时关键的问题是光芒颜色的选择,要与整个页面色彩协调。给图片和< td >可以用多种方式加载,配合背景的设置,可产生一些奇特的效果。

 本文TagsHTML/CSS  dreamweaver  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:DW MX 2004 的十大新特性
· 下一篇:DW MX 2004 CSS属性详解之FLIPV 属性
· 打造超酷网页右键菜单二法
· Dreamweaver MX 2004 入门教程之站点设置
· Dreamweaver:制作目录树
· Dreamweaver MX 2004从零开始
· Dreamweaver制作会移动的广告条


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077