注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

dada4338078的博客

结交爱生活,懂得生活的人,可以把爱和幸福传递给更多的人。

 
 
 

日志

 
 
关于我

  热爱生活,崇尚文明与高雅,喜结良友,希望在以后的人生旅途中,通过自身各方面的刻苦学习与钻研,稳扎实干,自己全方位的素质得到突飞猛进的进步和发展。

网易考拉推荐

【转载】图片加框代码  

2015-06-22 18:36:07|  分类: 转载 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自無為居士《图片加框代码》
图片加框代码如下:

1。单线框<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:3 solid #ff0000"><br><br><br></center>

2。双线框<center>
<img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:5 double green"><br><br><br></center>

3。凸出框<*center>
<img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"style="border:25 outset #ff88ff"><br><br><br></center>

4。凹进框<center>
<img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 inset #ff88ff"><br>
<br></center>

5。邮票框
<center>
<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=600 height=450 align=center valign=middle><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"></td></tr></table></center>

6。虚线框<center>
<img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:4 dashed #ff0000"><br><br><br></center>

7。凹槽框<*center>
<img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 groove green" border="0"><br><br><br></center>

8。脊状框<center>
<img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 ridge green" border="0"><br><br><br></center>

9。立体阴影框<center>
<table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
<tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"></td></tr></table></center>

10。阴影框<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:shadow(color=#32cd32)"></center>

11。横向渐变透明<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

12。圆形渐变透明<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

13。X形渐变透明<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

14。改变某种颜色<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"style="FILTER: Chroma(Color=#13629f)"></center>

15。黑白效果<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:'gray'"></center>

16。X光效果(底片)<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:'xray'"></center>

17。浮雕效果<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

18。上下颠倒<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:flipv">
]
19。左右颠倒<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:fliph"></center>

20。色彩颠倒<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:invert"></center>

21。粒状阴影<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

22。模糊效果<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

23。水波效果(风吹)<center><img src="http://xymusic.bbs.topzj.com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>


这些效果单独看起来没啥显眼,但如果与其他代码结合起来,如JS等,再加上巧妙的构思,一定会使你的帖子精彩起来。因为不管多么复杂的页面都是由它们组合而成的。

  评论这张
 
阅读(10)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017