<!实例21-8-1代码>
<html>
<head>
<title>设置阴影效果</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:15pt}
.dropshadow1{filter:dropshadow(color=#ff0000, Offx=5, Offy=10, Positive=true)}
.dropshadow2{filter:dropshadow(color=#0000ff,offx=-10,offy=10,positive=true)}
-->
</style>
</head>
<body>
<center>
<h2>设置阴影效果</h2>
</center>
<hr>
<table>
<tr>
<td>原图</td>
<td>阴影效果1</td>
<td>阴影效果2</td>
</tr>
<tr>
<td width=100><img src="21-8-1.jpg"></td>
<td width=130 class="dropshadow1"><img src="21-8-1.jpg"></td>
<td width=130 class="dropshadow2"><img src="21-8-1.jpg"></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>设置阴影效果</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:15pt}
.dropshadow1{filter:dropshadow(color=#ff0000, Offx=5, Offy=10, Positive=true)}
.dropshadow2{filter:dropshadow(color=#0000ff,offx=-10,offy=10,positive=true)}
-->
</style>
</head>
<body>
<center>
<h2>设置阴影效果</h2>
</center>
<hr>
<table>
<tr>
<td>原图</td>
<td>阴影效果1</td>
<td>阴影效果2</td>
</tr>
<tr>
<td width=100><img src="21-8-1.jpg"></td>
<td width=130 class="dropshadow1"><img src="21-8-1.jpg"></td>
<td width=130 class="dropshadow2"><img src="21-8-1.jpg"></td>
</tr>
</table>
</body>
</html>