一、基础代码
<IMG src="图片链接地址" width=200>
二、加边框
1、普通黑边框（浏览器默认黑）
<img src="图片链接地址" width=200 border=12>
2、简单的CSS装饰框
①<img src="图片链接地址" width=200 >
②<img src="图片链接地址" width=200 >
③<img src="图片链接地址" width=200 >
④<img src="图片链接地址" width=200 >
⑤<img src="图片链接地址" width=200 >
⑥<img src="图片链接地址" width=200 >
⑦<img src="图片链接地址" width=200 >
⑧<img src="图片链接地址" width=200 >
三、加CSS滤镜
1、无参数滤镜
①黑白
<IMG src="图片链接地址" width=200>
②底片
<IMG src="图片链接地址" width=200>
③X光片
<IMG src="图片链接地址" width=200>
④水平翻转
<IMG src="图片链接地址" width=200>
⑤垂直翻转
<IMG src="图片链接地址" width=200>
2、透明效果（opacity=100 透明度0—100）
①<IMG src="图片链接地址" width=200>
②<IMG src="图片链接地址" width=200>
③<IMG src="图片链接地址" width=200>
④<IMG src="图片链接地址" width=200>
3、其他特效
①浮雕
html图片展示特效
<IMG src="图片链接地址" width=200>
②波纹
<IMG src="图片链接地址" width=200>
<IMG src="图片链接地址" width=200>
（Add=是否打乱1或0；Freq=频率；LightStrength=光效强度；Phase=偏移量；Strength=振幅）
③模糊
<IMG src="图片链接地址" width=200>
<IMG src="图片链接地址" width=200>
（Add=是否模糊1或0；Direction=方向；Strength=强度）
④发光
<IMG src="图片链接地址" width=200>
<IMG
src="图片链接地址" width=200>
（Color=颜；Strength=强度）
⑤阴影
<IMG src="图片链接地址" width=200>
<IMG
src="图片链接地址" width=200>
（Color=颜；Direction=方向；Strength=强度）
⑥投影
<IMG src="图片链接地址" width=200>
<IMG
src="图片链接地址" width=200>
（Color=颜；offx=横向位移；offy=纵向位移；Positive=非透明或透明像素建立可见投影1或0）
镂空
<IMG src="图片链接地址">
四、图片定位（align=right图片居右 hspace水平间距 vspace垂直间距）
<img src="图片链接地址" width=200 align=right hspace="5" vspace="5">
五、添加图片说明
<img src="图片链接地址" width=200 alt="原来你也在这里">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。