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 >可以用多种方式加载,配合背景的设置,可产生一些奇特的效果。