巧用CSS打造艺术字
日期：2014-05-17 浏览次数：20844 次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<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>
</head>
<body>
<table width="500" border="0" cellspacing="1" cellpadding="0" bgcolor="#8C96B5" align="center">
<tr>
<td bgcolor="#FFFFFF">
<table class=all bordercolordark=#ffffff width="100%"
bordercolorlight=#000000 border=0 cellspacing="1" cellpadding="0">
<tr bgcolor="#8C96B5">
<td colspan=2 bgcolor="#8C96B5" width="100%" height="16">
<div align="center" class="title_1">..:: 巧用CSS制作艺术字 ::..</div>
</td>
</tr>
</table>
</td>
</tr>
<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>美丽心情</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>美丽心情</i></b></font></td>
</tr>
</table>
<br>
用dropshadow滤镜做出的效果，代码如下：<br>
<b>FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)</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: glow(color=#B4BBCF,strength=5)" align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>美丽心情</i></b></font></td>
</tr>
</table>
<br>
用glow滤镜做出的效果，代码如下：<br>
<b>FILTER: glow(color=#B4BBCF,strength=5)</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: alph
