2 {1 C! ?7 T0 M+ t4 x　　我们常用的网页制作工具dreamweaver mx不仅可以制作网页，而且利用其中的css滤镜我们还可以对文字或图片进行简单的特效处理。下面我们就通过几个例子来看一看在dreamweaver中是如何制作特效文字的。
# ~0 F5 Z+ e3 Y( @) K2 p* E5 d9 H' \团购网站系统,团购网程序163K网站系统官方论坛6 S" P3 _6 [  c% e
　　光晕字163k团购网站系统官方服务论坛/ a4 ?0 m. ]# ^, r6 u3 z: z1 ]7 p
& B* I( s; T1 \1 d
　　首先启动dreamweaver，在新文档中插入一个1×1的表格，边框设置为0，然后在其中输入需要修饰的文字。
$ s/ J5 J4 v0 D" k+ T8 w" Z
- }# Y" L9 d0 U163k团购网站系统官方服务论坛　　单击右面的浮动面板中的“设计→css样式”打开这一浮动面板。
# Z1 l5 `# D1 \7 K1 T1 Y7 g) ]) H: a4 u- \163k团购网站系统官方服务论坛5 c0 C5 j0 O7 S* w$ z2 E  n
　　面板右下角的四个按钮分别是：添加、新建、编辑以及删除css样式。
$ t  O; H! s+ z3 I( q1 R9 l6 {) Y163K网站系统官方论坛
  q  e2 ]8 ]1 o" j6 L( @　　注意：在dreamweaver中，css滤镜只能作用于有区域限制的对象，如表格、单元格、图片等，而不能直接用于文字，所以我们要把所需要增加特效的文字事先放在表格中，然后对表格应用css样式，从而使文字产生特殊效果。163k团购网站系统官方服务论坛' Z( }; H* `) i6 X/ c2 k

" F5 M' u% |. r; M" L163K网站系统官方论坛
& `/ d$ K1 r( A* y8 M0 R8 i6 k163K网站系统官方论坛图1 新建css样式
/ T$ o5 h& X1 \3 f4 Z, `( `; |# i163K网站系统官方论坛163K网站系统官方论坛- J0 j& D6 b) N
163K网站系统官方论坛% O% g- b* P" O+ B# `
　　单击新建css样式按钮，弹出如图1的对话框。
- z) k$ R# b# w& D  fbbs.163k.com
5 l2 ^, o# p4 r3 b+ @: \163K网站系统官方论坛　　“类型”项选择“创建自定义样式”，“定义在”选择“仅对该文档”，点确定后弹出css样式定义对话框（如图2），在类型面板中我们可以定义字体、字号、颜色等内容，本例中我们选择字体为隶书，大小50像素，颜色为白色。
$ K1 \0 R1 k, `+ V8 Bbbs.163k.com
2 f$ d5 I# v- K2 x& H9 H+ ^163K网站系统官方论坛163K网站系统官方论坛5 P  h4 q9 d( D% W8 z: ~  N: t: K
图2 定义css样式
1 F3 {) Y, z1 q为互联网事业发展提供源动力！　　要产生文字特效，最重要的是在扩展面板（如图3）中的设置，在“视觉效果下”的过滤器中列出的就是所有的css滤镜，选择glow滤镜，它可以使文字产生边缘发光的效果。glow滤镜的语法格式为：glow(color=?, strength=?)，里面有两个参数：color决定光晕的颜色，可以用如ffffff的十六进制代码，或者用red、yellow等单词表示；strength表示发光强度，范围从0到255。本例中我们设置颜色为红色（red），发光强度为8，然后确定。团购网站系统,团购网程序0 X" b5 z# N% S# j( D% c
163K网站系统官方论坛6 {6 g; K; x- q0 A7 h5 S! o9 d0 J
团购网站系统,团购网程序) O! o5 B9 f0 n/ p2 a; [. E8 B
图3 设置好glow滤镜
; @2 \  u) X' P( Y* o- R团购网站系统,团购网程序. i* Q1 s/ _8 }8 m. _

7 o- L, q! j3 [& `5 \团购网站系统,团购网程序　　下面我们将这个css样式应用到表格中。把光标移到单元格中，在文档窗
8 I" J+ P" y6 o4 x团购网站系统,团购网程序口左下角点击标签选中单元格，然后单击刚才在css样式面板中新建的样式，这时标签变为，表明已经对单元格应用了css样式。我们在文档窗口中看不出变化，按f12键在ie中预览，效果就出来了（如图4）。
9 z  k) T9 P0 d5 p1 N4 V, j163k团购网站系统官方服务论坛' o' Q9 Z- ^# B7 d* ~# Z( }% y

* X3 {9 V4 ]+ B- r) \& n5 W团购网站系统,团购网程序图4 光晕字效果
+ Y  }2 ~/ a2 t& l  u团购网站系统,团购网程序
8 D4 j( p4 ~$ o+ [5 N& Y) q; E163k团购网站系统官方服务论坛  c2 K# L5 y' }! g
　　怎么样？不次于在photoshop中的滤镜效果吧。在网页里放上几个这样的特效字会让网页美观不少，而且我们也可以用printscreen键抓屏，然后在画图程序中粘贴保存使之成为单独的图片。
7 M" W. f# g- n0 r5 _8 i* h# _bbs.163k.com5 ?5 S, _% `( _
　　阴影字
9 y7 E* Y9 h6 u* i! T5 P163k团购网站系统官方服务论坛
7 T5 O' _9 u/ }8 v团购网站系统,团购网程序　　有两种css滤镜能够使文字产生阴影效果，分别是drowshadow和shadow，它们产生的效果略有所不同。
: P: f4 S. n# X/ X8 X/ k" V6 j163K网站系统官方论坛
- u6 l( I$ G9 a为互联网事业发展提供源动力！　　制作阴影字的操作步骤与制作光晕字的过程基本相同，只要在css样式中重新选择一种过滤器即可。 bbs.163k.com$ W7 f/ Z2 v, P
　　drowshadow滤镜的语法如下：dropshadow(color=?, offx=?, offy=?, positive=?) 。团购网站系统,团购网程序% G. Z6 G, ]3 ?2 u
163k团购网站系统官方服务论坛* M1 i! Z9 P4 y: V% E
　　其中，color表示投射阴影的颜色，用十六进制数来表示；offx、offy分别代表阴影偏离文字位置的量，单位为像素；positive为一个逻辑值，1代表为所有不透明元素建立阴影，0代表为所有透明元素建立可见阴影。团购网站系统,团购网程序# u  h$ A6 g' M& c
163K网站系统官方论坛( C+ B: }% }7 z3 D" ~
163k团购网站系统官方服务论坛; q9 ^& t( s5 o/ N# h8 g
图5 阴影字效果为互联网事业发展提供源动力！1 t4 T0 Z- j8 R
163k团购网站系统官方服务论坛1 i7 F! J* R5 ]) D# R
163K网站系统官方论坛/ |; |+ E, l$ g; p/ R
　　例如把过滤器设置为dropshadow(color=6699cc, offx=2, offy=2, positive=1)，产生的效果如图5。
& }! `% l3 G& Xbbs.163k.combbs.163k.com: Y& |5 N% j( I. ?( a/ o% g  Q

+ F5 L' F& }! i* j1 |% \163k团购网站系统官方服务论坛　　遮罩字bbs.163k.com/ d7 Q5 y8 H2 a" d0 o- g
为互联网事业发展提供源动力！$ L: n" f1 ~( w) ^7 e
　　css滤镜中还为我们提供了遮罩的功能，可以把文字部分处理成遮罩，如果在背景中使用合适的图片，就能产生漂亮的镂空文字效果。团购网站系统,团购网程序) n9 V  b# N8 t" k

& q8 Y+ u. M" @" c' e+ n, x团购网站系统,团购网程序　　文档窗口中插入一个1×1的表格，单击文档窗口左下角的标签选中整个表格，在属性检查器（如图6）的背景图像中选择一张合适的图片，然后在单元格中输入需要的文字。
' K! o+ g/ M  j  a为互联网事业发展提供源动力！163k团购网站系统官方服务论坛, }3 k6 ~7 V) M  ~  x

9 J9 h' k5 }. A! T# o163k团购网站系统官方服务论坛图6 在表格中插入一幅背景图片
; N5 w- @3 B6 y- l* q0 K2 A2 P4 E为互联网事业发展提供源动力！
$ l- J$ n3 n1 R0 T  gbbs.163k.com
$ l3 U1 L* L; [+ ], o1 e　　接下来我们为单元格添加mask滤镜，步骤与前两例类似。在过滤器中选择mask(color=?)，这个参数决定遮罩的颜色，我们选择用白色。163K网站系统官方论坛. Y6 q. l2 ~% N: j
为互联网事业发展提供源动力！6 c. F- W& x5 C" S' h/ }& T4 @3 T
　　注意：本例中文字的颜色选择并不重要，因为在最终效果中文字会被镂空，颜色并不会显示出来。163k团购网站系统官方服务论坛. m. K& A  O2 ^" U
团购网站系统,团购网程序6 A9 U) d$ ^3 h- L

. I! D+ i$ m) O$ f* b3 ~+ h163K网站系统官方论坛图7 遮罩字效果友bbs.163k.com) |. J0 R2 G5 K/ m% w
　　设置完成后将这个css样式应用到单元格，然后按下f12键就可以看到效果了（如图7）。
% \3 ?$ q1 H, x/ m/ E163K网站系统官方论坛
4 b6 E1 p3 u! _+ i+ a% Qbbs.163k.com　　注意：背景图片是为整个表格添加的，对应＜table＞标签，而css样式是对单元格添加的，是＜td＞标签，千万不要搞错。为互联网事业发展提供源动力！# f6 n$ m/ H8 [) R' t

9 P; ^; v# M4 z% W5 B2 Q6 n% k团购网站系统,团购网程序　　动感字bbs.163k.com# o) y7 B# ?1 n% u& t6 p

. `& o! C* D: Z$ Q5 e2 H3 j　　制作动感字我们要用到blur滤镜，作用是产生模糊效果，它的语法格式为blur(add=?, direction=?, strength=?)。add参数是一个布尔值，一般来说，当滤镜用于图片的时候取0，用于文字的时候取1；direction代表模糊方向，单位是角度；strength代表模糊移动值，单位为像素。比如我们定义blur(add=1, direction=90, strength=150)，在预览中就可以看到如图8的效果。163k团购网站系统官方服务论坛# Y+ S- S8 ~7 T* U

2 [. [7 e; x( [为互联网事业发展提供源动力！$ F# B( {! t2 P$ c7 R
图8 动感字效果友bbs.163k.com) p  O* v" s6 u. O

  _; }* }- u$ S163K网站系统官方论坛
' S2 l" e. J% X" q) p- {+ w4 f5 H163k团购网站系统官方服务论坛　　其实，css中很多滤镜也能够用于图片的修饰，如blur滤镜就可以使图片产生模糊效果。如果我们对这些滤镜都能够熟练应用，那么有时在没有专业图像处理软件的情况下，也能够制作出相当不错的图片效果来。 163k团购网站系统官方服务论坛. _4 b3 @0 |4 N/ z9 S
163k团购网站系统官方服务论坛) D& Q+ |, A: x" x: [

0 d* ?. t" n4 N. A( {. s2 G163k团购网站系统官方服务论坛bbs.163k.com+ ]7 e  l9 X6 b; l6 x" U

不错。这里的文章真的太好了，我要好好学习学习啊！！