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

梅雪争春

梅须逊雪三分白 雪却输梅一段香

 
 
 

日志

 
 

图片加边框代码  

2010-01-12 12:09:14|  分类: 代码大全 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

图片加边框代码
 
这里和大家说的是,只需用HTML代码就能给你的图片加出各种漂亮边框,使用方法,点“<>”加入代码,换上你的图片网址,适当调整宽度和颜色,就可以让你的图片锦上添花!下面是代码:
 
1、简单线框

  <img src="图片地址" style="border:5 solid #ffCCCC">

  2、双线框

  <img src="图片地址" style=" border:7 double #666FF">

  3、虚线框

  <img src="图片地址" style=" border:3 dashed #990000">

  4、凸出框:

  <img src="图片地址" style="border:10 outset #CCCCFF">

  5、嵌入框:

  <img src="图片地址" style="border:15 inset #ff9900">

  6、脊状框:

  <img src="图片地址" style="border:15 ridge #33FF66">

  7、凹槽框

  <img src="图片地址" style="border:15  groove #CC6666">

  8、粒状阴影框

  <img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">

做个效果:

原图:

引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客

 

  1、简单线框  

 引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客  

 2、双线框  

 引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客  

 3、虚线框  

 引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客  

 4、凸出框:  

 引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客  

 5、嵌入框:  

 引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客  

 6、脊状框:   

引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客  

 7、凹槽框  

 引用 图片加边框代码 - ybk1520(晓云) - ybk1520的博客   

8、粒状阴影框   

  图片加边框代码 - 雪梅 - 梅雪争春

        当然以上代码也可用在制作日记的边框上,或者个人档案里的文字和图片,大家可以举一反三。颜色可以改为自己喜欢的.
=编辑整理:小老头=

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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