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

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

边缘类似发光的效果

    css>制作方法如下：
　　创建新的css样式：（要回顾创建新的 css 样式操作方法，请点页顶导航条“简要说明”按钮）

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

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

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

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

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

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

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

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