<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網頁特效|Linkweb.cn/Js|---用CSS設計藝術字</title>
<body>
<style type="text/css">
<!--
.title_1 { font-family: "Verdana"; font-size: 12px; color: #E1E4EC; width: 100%; filter: DropShadow(Color=#213C63, OffX=1, OffY=1)}
.text { font-family: "Verdana"; font-size: 12px; line-height: 16px; color: #666699; text-decoration: none}
.unnamed1 { filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1)}
-->
</style>
<table width="500" border="0" cellspacing="1" cellpadding="0" bgcolor="#8C96B5" align="center">
<tr>
<td bgcolor="#E1E4EC">
<table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1">
<tr>
<td class="text">如果靈活應用CSS各種濾鏡的特點并加以組合，我們可以得到許多意想不到的效果。這是一些效果示范，供各位參考。</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#E1E4EC">
<table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1">
<tr>
<td class="text">
<table align=center border=0 width="200" height="50">
<tr>
<td style="FILTER: blur(direction=135,strength=8)" align="center"><font face="黑體" color="#8C96B5" size="6"><b><i>網頁特效Abc</i></b></font></td>
</tr>
</table>
<br>
用blur濾鏡做出的效果，代碼如下：<br>
<b>FILTER: blur(direction=135,strength=8)</b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#E1E4EC">
<table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1">
<tr>
<td class="text">
<table align=center border=0 width="200" height="50">
<tr>
<td style="FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)" align="center"><font face="黑體" color="#8C96B5" size="6"><b><i>網頁特效Abc</i></b></font></td>
</tr>
</table>
<br>
用dropshadow濾鏡做出的效果，代碼如下：<br>
<b>FILTER: drops