Dreamweaver超级技巧之文字特效

新客网 XKER.COM 2007-04-03 来源： 收藏本文

　　要产生文字特效，最重要的是在扩展面板(如图3)中的设置，在“视觉效果下”的过滤器中列出的就是所有的CSS滤镜，选择Glow滤镜，它可以使文字产生边缘发光的效果。Glow滤镜的语法格式为：Glow(Color=?, Strength=?)，里面有两个参数：Color决定光晕的颜色，可以用如ffffff的十六进制代码，或者用Red、Yellow等单词表示;Strength表示发光强度，范围从0到255。本例中我们设置颜色为红色(Red)，发光强度为8，然后确定。

　　

　　图3 设置好Glow滤镜

　　下面我们将这个CSS样式应用到表格中。把光标移到单元格中，在文档窗

　　口左下角点击标签选中单元格，然后单击刚才在CSS样式面板中新建的样式，这时标签变为，表明已经对单元格应用了CSS样式。我们在文档窗口中看不出变化，按F12键在IE中预览，效果就出来了(如图4)。

　　

　　图4 光晕字效果

　　怎么样?不次于在Photoshop中的滤镜效果吧。在网页里放上几个这样的特效字会让网页美观不少，而且我们也可以用PrintScreen键抓屏，然后在画图程序中粘贴保存使之成为单独的图片。

　　阴影字

　　有两种CSS滤镜能够使文字产生阴影效果，分别是Drowshadow和Shadow，它们产生的效果略有所不同。

　　制作阴影字的操作步骤与制作光晕字的过程基本相同，只要在CSS样式中重新选择一种过滤器即可。

　　Drowshadow滤镜的语法如下：DropShadow(Color=?, OffX=?, OffY=?, Positive=?) 。

　　其中，Color表示投射阴影的颜色，用十六进制数来表示;OffX、OffY分别代表阴影偏离文字位置的量，单位为像素;Positive为一个逻辑值，1代表为所有不透明元素建立阴影，0代表为所有透明元素建立可见阴影。

　　

　　图5 阴影字效果

　　例如把过滤器设置为DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1)，产生的效果如图5。

　　

　　

• ·用Dreamweaver轻松实现不同分辨率下的层定位
• ·Dreamweaver的应用源格式技巧
• ·Dreamweaver制作网页小技巧汇集
• ·请问Dreamweaver8无法启动如何解决？
• ·关于Dreamweaver MX 2004的PPT格式课件
• ·DW表格应用之细线框的制作
• ·Dreamweaver架设网站高级教程
• ·Dreamweaver制作网页的七大绝招
• ·Dreamweaver临时文件的工作方式
• ·用Dreamweaver制作网页中常用的过度效果
• ·Dreamweaver使用CSS样式表设置网页
• ·用DW8轻松制作漂亮的Flash像册
• ·解决DW8中CSS应用无效问题
• ·利用DW8掌握网页代码基本格式
• ·在Dreamweaver中灵活使用网页表格
• ·玩转DW属性检查器和文本格式设置