图片标签：
代码1：
width="450">
上面的代码图片标签中只设置了图片的宽度，没有设置图片的高度，图片的高度系统会根据该图片的比例自动调整。同理，如果图片标签中只设置了图片的高度，图片的宽度系统会根据该图片的比例自动调整。
效果
代码2：
上面的代码设置了图片的高度与宽度，你可以根据自己制作网页的需要，修改图片的规格。如果不设置图片的高度与宽度，则会按照原图片的规格显示该图片。
效果
代码3：
dImg/2011/09/0200/16878443_20.gif" >
外边矩的设置方法可以用1 到 4 个值设置：
如果设置四个值（如：margin:10px 5px 15px 20px），其顺序为：上外边距 、右外边距、下外边距、左外边距。
如果设置三个值，其顺序为：上外边距 、右外边距和左外边距、下外边距。
如果设置两个值，其顺序为：上外边距 和下外边距、右外边距和左外边距。
如果设置一个值，是指所有的 4 个外边距。
也可以单独设置一个外边矩。
其方法为：margin-top: 20px;是上外边矩；margin-right: 30px;是右外边矩；
margin-bottom: 30px;是下外边矩；margin-left: 20px;是左外边矩。
效果
代码4：
上面的代码设置了图片的边框线宽度、边框线样式与边框线颜色。设置了边框线的图片标签可以为图片添加一个简单的边框。
这三项属性的属值都可以修改。
边框线的样式：dotted是点虚线型；dashed是线虚线型；solid是实线型；double是双线型；groove是3D沟槽状；ridge是3D脊状；inset是3D内嵌式；outset是3D外嵌式。
效果
代码6：
<img style="filter: FlipH;" title="雄鹰展翅" alt="“镰山老叟”欢迎您"
width="334" height="122">
上面的代码设置了“左右翻转滤镜样式”，应用“左右翻转滤镜样式”，可以制作出漂亮的对称图片。应用时，要设置一个一行二列的表格，把原图片与左右翻转的图片分别放入一个单元格中。
代码如下：
<table border="0" cellSpacing="0" cellPadding="0" width="668" height="122">
<tbody>
<tr>
<td><img title="雄鹰展翅" alt="“春天没来”欢迎您" src="http://image11.360doc. com/DownloadImg/2010/06/1321/3612606_1.jpg" width="334" height="122"></td>
<td><img style="filter: FlipH;" title="雄鹰展翅" alt="“镰山老叟”欢迎您" src=
width="334" height="122"> </td></tr></tbody></table>
效果
代码7：
<img style="filter: FlipV;" title="水中倒影" alt="“镰山老叟”欢迎您"
width="670" height="446">
上面的代码设置了“上下翻转滤镜样式”，应用“上下翻转滤镜样式”，可以制作出水中倒影般的图片效果。应用时，要设置一个两行一列的表格，把原图片与上下翻转的图片分别放入一个单元格中。
代码如下：
<table border="0" cellSpacing="0" cellPadding="0" width="670" height="892">
<tbody>
<tr>
<td><img title="水中倒影" alt="“镰山老叟”欢迎您"
width="670" height="446"></td></tr>
<tr>
<td><img style="filter: FlipV;" title="水中倒影" alt="“镰山老叟”欢迎您"
width="670" height="446"> </td></tr></tbody></table>
效果
代码8：
<img style="width: 375px; height: 500px; filter: Alpha(opacity=100,style=2);"
上面的代码设置了羽化滤镜样式，羽化图片有一种朦胧的效果，非常美观。
效果：
