二十三种图片修饰样式及代码html

二十三种图片修饰样式及代码html2009年07月05日 星期日 21:05二十三种图片修饰样式及代码
　
１、单线框

代码：<img src="图片地址" style="border:3 solid #993333">

2、双线框
代码：<img src=图片地址 style="border:5 double #993333">
　
３、凸出框
代码：<img src=图片地址 style="border:25 outset #993333">
　
4、凹进框
代码: <img src=图片地址 style="border:25 inset #ff88ff">
　
5、邮票框

代码: <table style="border:3 dashed #993333" cellspacing="5" cellpadding="0" bgcolor="#660033"><tr>
<td bgcolor="#660033" width=400 height=250 align=center valign=middle>
<img src=图片地址>
</td></tr></table>
　
6、虚线框
代码:<img src=图片地址 style="border:4 dashed #993333">
　
7、凹槽框
代码:<img src=图片地址 style="border:25 groove #993333" border="0">
　
8、脊状框
代码:<img src=图片地址 style="border:10 ridge #993333" border="0">
　
9、立体阴影框
代码:<table width=200 height=200 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#993333,direction:145,strength:15)">
<tr>
<td bgcolor="#ffffff" align=center valign=middle>
<img src=图片地址>
</td>
</tr>
</table>
　
10、阴影框
代码:<img src=图片地址 style="filter:shadow(color=#993333)">

11、横向渐变透明
代码:<img src=图片地址 style="filter=alpha(opacity=100,style=1,finishopacity=0)">
　
12、圆形渐变透明
代码:<img src=图片地址 style="filter=alpha(opacity=100,style=2,finishopacity=0)">
　
13、X形渐变透明
代码:<img src=图片地址 style="filter=alpha(opacity=100,style=3,finishopacity=0)">
　
14、改变某种颜色
代码:<center><img src=图片地址 style="FILTER: Chroma(Color=#13629f)">
　
15、黑白效果
代码：<img src=图片地址 style="filter:'gray'">
　
16、X光效果（底片）
代码:<img src=图片地址 style="filter:'xray'">

17、浮雕效果
代码:<img src=图片地址style="filter:progid:DXImageTransform.Microsoft.Emboss()">
　
18、上下颠倒
代码:<img src=图片地址 style="filter:flipv">

19、左右颠倒
代码:<img src=图片地址 style="filter:fliph">
　
20、色彩颠倒
代码:<img src=图片地址 style="filter:invert">
　
21、粒状阴影
代码:<img src=图片地址 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">
　
22、模糊效果　
代码:<img src=图片地址 style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)">
　
23、水波效果（风吹）　
代码:<img src=图片地址 style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">