HTML图片代码
2018-09-10
一、基础代码
二、加边框
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垂直间距)
五、添加图片说明
二十三种图片修饰样式及代码html
1、单线框
代码:
2、双线框
代码:
3、凸出框
代码:
4、凹进框
代码:
5、邮票框
代码:
6、虚线框
代码:
7、凹槽框
代码:
8、脊状框
代码:
9、立体阴影框
代码:
10、阴影框
代码:
11、横向渐变透明
代码:
12、圆形渐变透明
代码:
13、X形渐变透明
代码:
14、改变某种颜色
代码:
15、黑白效果
代码:
16、X光效果(底片)
代码:
17、浮雕效果
代码:
18、上下颠倒
代码:
19、左右颠倒
代码:
20、色彩颠倒
代码:
21、粒状阴影
代码:
22、模糊效果
代码:
23、水波效果(风吹)
代码:
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。
http://www.pinlue.com/style/images/nopic.gif