设置阴影效果

来源:互联网 发布:域名的管理机构是哪里 编辑:程序博客网 时间:2024/05/18 01:55
<!实例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>
 
原创粉丝点击