<!实例21-3-1代码>
<html>
<head>
<title>设置水平/垂直翻转</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:15pt}
.turnh{filter:fliph}
.turnv{filter:flipv}
-->
</style>
</head>
<body>
<center>
<h2>不同的翻转效果</h2>
</center>
<hr>
<table>
<tr>
<td>原图</td>
<td>水平翻转</td>
<td>垂直翻转</td>
</tr>
<tr>
<td><img src="21-3-1.jpg"></td>
<td><img class=turnh src="21-3-1.jpg"></td>
<td><img class=turnv src="21-3-1.jpg"></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>设置水平/垂直翻转</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:15pt}
.turnh{filter:fliph}
.turnv{filter:flipv}
-->
</style>
</head>
<body>
<center>
<h2>不同的翻转效果</h2>
</center>
<hr>
<table>
<tr>
<td>原图</td>
<td>水平翻转</td>
<td>垂直翻转</td>
</tr>
<tr>
<td><img src="21-3-1.jpg"></td>
<td><img class=turnh src="21-3-1.jpg"></td>
<td><img class=turnv src="21-3-1.jpg"></td>
</tr>
</table>
</body>
</html>