dreamweaver　CSS使用教程：GLOW属性

dreamweaver　CSS使用教程：GLOW属性

 

 

【glow属性】对象应用glow　滤镜后，这个对象的边缘就会产生类似发光的效果，这种效果在图像处理软件中做起来比较麻烦，而在DW　MX　2004中用CSS的“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滤镜在透明背景图片上的应用】
加载到有透明背景的gif图片上却能产生一种光晕效果，请看下面的效果图：

 

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