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

无限风光

牡丹故里 美丽独特 多骄如画 明天更好

 
 
 

日志

 
 
关于我

人生乐事,坚持学习,结交诚友,快乐自己。传递友谊,借鉴学习,丰富智慧,。交遍四海友, 感情多富有。 访尽天下博, 精神多快活。

网易考拉推荐

用代码给图片加个框  

2013-02-22 21:02:27|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |





用代码给图片加个框


单线框效果

2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

单线框效果代码:

<P align=center><IMG  style="border:8 solid #ff0000" src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P>

双线框效果

2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

双线框效果代码:

<P align=center><IMG  style="border:16 double green" src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P>

凸出框效果

2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

凸出框效果代码:

<P align=center><IMG  style="border:15 outset #ff88ff" src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P>

凹进效果

2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

凹进效果代码:

<P align=center><IMG  style="border:15 inset #D2691E" src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P>

虚线框效果

2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

虚线框效果代码:

<P align=center><IMG  style="border:8 dashed #FFD700" src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P>

脊状框效果

2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

脊状框效果代码:

<P align=center><IMG  style="border:16 ridge green" border="0" src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P>

虚幻阴影效果


2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

虚幻阴影效果代码:

<DIV style="FILTER: glow(color=yellow,strength=20); LINE-HEIGHT: 120%; WIDTH: 115%; HEIGHT: 100%; COLOR: #ff0000;"><BR>
<P align=center><IMG src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P></DIV>

圆点效果

2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

=420>

圆点效果代码:

<P align=center><IMG  style="BORDER-RIGHT: #F62843 15px dotted; BORDER-TOP: #F62843 15px dotted; BORDER-LEFT: #F62843 15px dotted; BORDER-BOTTOM: #F62843 15px dotted" src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></P>

=420></P></DIV>

立体边框效果


2013年02月22日用代码给图片加个框 - 无限风光学习收藏 - 无限风光学习收藏的博屋

立体边框效果代码:

<TABLE style="FILTER: shadow(color=#000000); WIDTH: 700px; HEIGHT: 420px" border=2 cellSpacing=10>
<TBODY>
<TR>
<TD>
<IMG  src="http://img1.ph.126.net/TGNCzvC7FYcBCUkhhYhFKA==/3154490063997997811.gif" width=700 height=420></TD></TR></TBODY></TABLE>

你只要在原图片代码的基础上,再加一组蓝色的效果代码,就能做出各种效果的图片来了。平时注重收集各种代码,就可以搭配出各种你想要的效果图片。


http://img.blog.163.com/photo/wvShGozNs_0HIIJUYNo0SA==/4021432992265826099.swf

http://img.blog.163.com/photo/uU_DI56hkzCwB1IbzpjvFA==/1179943102371565415.swf
  
 
 

http://images.missyuan.com/attachments/day_091228/20091228_9bbe7b6ecd6c75fe13745nWNwBc71CO9.swf

 

  评论这张
 
阅读(131)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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