| “如果我有一千万，我就能买一栋房子。 我有一千万吗？没有。 所以我仍然没有房子。 如果我有翅膀，我就能飞。 如果把整个太平洋的水倒出，也浇不熄我对你爱情的火。 |
这样的呢？？——
| “如果我有一千万，我就能买一栋房子。 我有一千万吗？没有。 所以我仍然没有房子。 如果我有翅膀，我就能飞。 如果把整个太平洋的水倒出，也浇不熄我对你爱情的火。 |
再来看看这种——
| “如果我有一千万，我就能买一栋房子。 我有一千万吗？没有。 所以我仍然没有房子。 如果我有翅膀，我就能飞。 如果把整个太平洋的水倒出，也浇不熄我对你爱情的火。 |
OK，老鸟们可能对这种“手法”已经很熟悉了，可是菜鸟同志们，你们知道这是怎么做出来的么？呵呵，其实很简单，下面我就来说说这种效果的制作方法。
首先给大家讲解一下制作这种效果的必要知识。其实这种效果是使用CSS滤镜效果制作出来的，这种效果的代码只有短短的一句即可，只要你懂得基本的配色，那么你就可以很轻易地做出非常酷的效果来！
下面我们来看看基本的语法：
一、DropShadow特效
这种效果请大家参看上面的第一种效果，它感觉上是将字体像纵深方向移动了一段距离，产生偏移，继而造成一种阴影的效果，配合背景颜色的使用，而产生了一种嵌入的效果。DropShadow的基本的语法如下：
Filter:DropShadow(color=#XXXXXX,offx=X,offy=X );
其中“color”表示阴影的颜色，“offx”和“offy”分别表示在x和y上的偏移量。offx和offy使用值1～2时效果较好。
使用方法：同其他CSS代码声明相同，典型的使用方法如下：
color:#6b6c35;Filter: dropshadow(color=#ffffcc,offx=1,offy=1);
其中，注意前面的color和DropShadow的color的不同，前者表示字的颜色，后者表示阴影颜色。如果配色得当，可以搭配出诸如嵌入效果、模糊效果以及普通的阴影效果。
二、Shadow特效
这种效果请大家参看上面的第二种效果。这种阴影效果与DropShadow不同，DropShadow其实是一种投影式的阴影，而Shadow是一种真正意义上的阴影效果，大家通过上面两种演示就可以看出他们的区别。Shadow效果的基本的语法如下：
Filter:Shadow(color=#XXXXXX,direction=XXX );
其中“color”表示阴影的颜色，“direction”表示阴影方向，可以取0～360之间的任何值。
使用方法：同其他CSS代码声明相同，典型的使用方法如下：
color:#FFFFFF; Filter:shadow(color:#333333,direction=145);
三、Glow特效
这种效果请大家参看上面的第三种效果。这是一种文字发光效果，文字边缘散发出定义颜色的光芒（呵呵，不过这种光不太令人满意哦^-^）。Glow效果的基本的语法如下：
Filter:Glow(color=#XXXXXX,strength=X );
其中“color”表示光的颜色，“strength”表示发光强度，一般取1～2效果比较好，当然随着文字的增大，也可以取更大一些得值。
使用方法：同其他CSS代码声明相同，典型的使用方法如下：
color:#FFFFFF; Filter:glow(color:#FFFF00,strength=2);
上面是这三种特效的基本语法。在<head></head>中定义或者另存为.css文件导入之后，就可以在需要采用这种特效的地方使用了。或者在使用style关键字在需要设置效果的地方加入代码。但是大家请注意，不是每一种HTML标记都支持使用这种效果的。经过我反复的测试，发现只有在<table>、<td>、<a>等标记里使用这种效果较好。下面是一个在<td>标记里使用的例子：
| 欢迎访问ｅ类出版物，本站给您提供精美电子图书、电子图书制作工具方法及电子出版业最新产品及动态，希望大家多多支持我们！！ |
上面是在一个表格的一个单元格里使用这种效果的，为了简单化，这里用了一行一列的表格。上面的效果的HTML代码如下：
<table width="400" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#999999" bgcolor="#D1D2A4">
<tr>
<td style="padding:15px;letter-spacing:3px;COLOR: #6b6c35;FILTER:dropshadow(color=#ffffcc,offx=1,offy=1);" >
欢迎访问ｅ类出版物，本站给您提供精美电子图书、电子图书制作工具方法及电子出版业最新产品及动态，希望大家多多支持我们！！
</td>
</tr>
</table>
大家一定注意到了，我们在<td>标记里使用“style”关键字来设置特效。另外的一种方法就是在页面头部的CSS定义中定义效果，在相应的地方使用“class”关键字引用。拿上面的这个表格的例子来说，下面的代码产生的效果完全和上面的相同：
<table width="400" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#999999" bgcolor="#D1D2A4">
<tr>
<td class=coolfont >
欢迎访问ｅ类出版物，本站给您提供精美电子图书、电子图书制作工具方法及电子出版业最新产品及动态，希望大家多多支持我们！！
</td>
</tr>
</table>
其中的“coolfont”是我们在页面头部定义的CSS代码：
.coolfont{COLOR:#6b6c35;FILTER: dropshadow(color=#ffffcc,offx=1,offy=1);}
现在我想您一定明白了怎么制作这种效果了吧？^-^但是这种效果在这种情况下不会起作用，请大家一定一定要注意了！！——
当<td>中使用了背景颜色或者背景图片的时候，这种效果无法出现。就是说，假如原来的代码是这样：<td bgcolor="#000000">，当你加入class引用或者style引用时，即<td bgcolor="#000000" >
3586
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
