HTML图片代码.docVIP

HTML图片代码 一、基础代码 IMG src=图片链接地址 width=200 二、加边框 1、普通黑色边框（浏览器默认黑色） img src=图片链接地址 width=200 border=12 2、简单的CSS装饰框 ①img src=图片链接地址 width=200 style=border:12px #987cb9 solid ②img src=图片链接地址 width=200 style=border:12px #987cb9 dashed ③img src=图片链接地址 width=200 style=border:12px #987cb9 dotted ④img src=图片链接地址 width=200 style=border:12px #987cb9 double ⑤img src=图片链接地址 width=200 style=border:12px #987cb9 groove ⑥img src=图片链接地址 width=200 style=border:12px #987cb9 ridge ⑦img src=图片链接地址 width=200 style=border:12px #987cb9 inset ⑧img src=图片链接地址 width=200 style=border:12px #987cb9 outset 三、加CSS滤镜 1、无参数滤镜 ①黑白 IMG style=FILTER: gray() src=图片链接地址 width=200 ②底片 IMG style=FILTER: xray() src=图片链接地址 width=200 ③X光片 IMG style=FILTER: invert() src=图片链接地址 width=200 ④水平翻转 IMG style=FILTER: fliph() src=图片链接地址 width=200 ⑤垂直翻转 IMG style=FILTER: flipv() src=图片链接地址 width=200 2、透明效果（opacity=100 透明度0—100） ①IMG style=FILTER: Alpha(opacity=100,style=1) src=图片链接地址 width=200 ②IMG style=FILTER: Alpha(opacity=100,style=2) src=图片链接地址 width=200 ③IMG style=FILTER: Alpha(opacity=100,style=3) src=图片链接地址 width=200 ④IMG style=FILTER: Alpha(opacity=0,finishopacity=100,style=1) src=图片链接地址 width=200 3、其他特效 ①浮雕 IMG style=FILTER:progid:DXImageTransform.Microsoft.Emboss() src=图片链接地址 width=200 ②波纹 IMG style=FILTER:progid:DXImageTransform.Microsoft.Wave() src=图片链接地址 width=200 IMG style=FILTER:Wave(Add=0,Freq=5,LightStrength=10,Phase=2,Strength=20) src=图片链接地址 width=200 （Add=是否打乱1或0；Freq=频率；LightStrength=光效强度；Phase=偏移量；Strength=振幅） ③模糊 IMG style=FILTER:progid:DXImageTransform.Microsoft.Blur() src=图片链接地址 width=200 IMG style=FILTER:Blur(Add=1,Direction=45,Strength=150) src=图片链接地址 width=200 （Add=是否模糊1或0；Direction=方向；Strength=强度） ④发光 IMG style=FILTER:progid:DXImageTransform.Microsoft.Glow() src=图片链接地址 width=200 IMG style=FILTER:progid:DXImageTransform.Microsoft.Glow(Color=#987cb9,Strength=10) src=图片链接地址 width=200 （Color=颜色；Strength=强度） ⑤阴影 IMG style=FILTER:progid:DXImageTransform.Microsoft.Shadow() src=图片链接地址 width=200 IMG