CSS中的Img样式

一、基础代码

二、加边框
1、普通黑色边框（浏览器默认黑色）

2、简单的CSS装饰框
①
②
③
④
⑤
⑥
⑦
⑧

①　②　③　④　⑤　⑥　⑦　⑧

三、加CSS滤镜
1、无参数滤镜
①黑白

②底片

③X光片

④水平翻转

⑤垂直翻转

①　②　③　④　⑤

2、透明效果（opacity=100 透明度0—100）
①
②
③
④

①　②　③　④

3、其他特效
①浮雕

②波纹


（Add=是否打乱1或0；Freq=频率；LightStrength=光效强度；Phase=偏移量；Strength=振幅）

　

③模糊


（Add=是否模糊1或0；Direction=方向；Strength=强度）

　

④发光


（Color=颜色；Strength=强度）

　

⑤阴影


（Color=颜色；Direction=方向；Strength=强度）

　

⑥投影


（Color=颜色；offx=横向位移；offy=纵向位移；Positive=非透明或透明像素建立可见投影1或0）

　

⑦镂空

　
原图

对照图(在上面,看不到哦)

四、图片定位（align=right图片居右 hspace水平间距 vspace垂直间距）

五、添加图片说明

本篇文章来源于 Goldtimes.net 原文链接：http://www.goldtimes.net/teach/view/1081.htm