夜景.jpg
当前位置:主页 > 房产新闻 >

〖html代码〗图片

2017年04月07日 16:18       来源:网络整理    

【贴图】

一、基础代码
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>

〖html代码〗图片

二、加边框
1、普通黑色边框(浏览器默认黑色)
<img src="http://evecn.bokee.com/图片链接地址" width=200 border=12>

〖html代码〗图片

2、简单的CSS装饰框
①<img src="http://evecn.bokee.com/图片链接地址" width=200>
②<img src="http://evecn.bokee.com/图片链接地址" width=200>
③<img src="http://evecn.bokee.com/图片链接地址" width=200>
④<img src="http://evecn.bokee.com/图片链接地址" width=200>
⑤<img src="http://evecn.bokee.com/图片链接地址" width=200>
⑥<img src="http://evecn.bokee.com/图片链接地址" width=200>
⑦<img src="http://evecn.bokee.com/图片链接地址" width=200>
⑧<img src="http://evecn.bokee.com/图片链接地址" width=200>

〖html代码〗图片

① 

〖html代码〗图片

② 

〖html代码〗图片

③ 

〖html代码〗图片

④ 

〖html代码〗图片

⑤ 

〖html代码〗图片

⑥ 

〖html代码〗图片

⑦ 

〖html代码〗图片

三、加CSS滤镜
1、无参数滤镜
①黑白
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
②底片
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
③X光片
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
④水平翻转
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
⑤垂直翻转
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>

〖html代码〗图片

① 

〖html代码〗图片

② 

〖html代码〗图片

③ 

〖html代码〗图片

④ 

〖html代码〗图片

2、透明效果(opacity=100 透明度0—100)
①<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
②<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
③<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
④<IMG src="http://evecn.bokee.com/图片链接地址" width=200>

〖html代码〗图片

① 

〖html代码〗图片

② 

〖html代码〗图片

③ 

〖html代码〗图片

3、其他特效
①浮雕
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>

〖html代码〗图片

②波纹
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
(Add=是否打乱1或0;Freq=频率;LightStrength=光效强度;Phase=偏移量;Strength=振幅)

〖html代码〗图片

 

〖html代码〗图片

③模糊
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
(Add=是否模糊1或0;Direction=方向;Strength=强度)

〖html代码〗图片

 

〖html代码〗图片

④发光
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
<IMG src="http://evecn.bokee.com/图片链接地址" width=200>
(Color=颜色;Strength=强度)

〖html代码〗图片

 

〖html代码〗图片

友情链接/网站合作咨询: