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

书山有路勤为径,学海无涯苦做舟。

老当益壮,宁知自首之心,穷且益坚,不坠青云之志。

 
 
 

日志

 
 

【博客素材】给你的图片加上简单的边框  

2008-10-23 16:56:06|  分类: 【博客素材】 |  标签: |举报 |字号 订阅

  下载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">

【博客素材】给你的图片加上简单的边框 - 同恩 - 欢迎光临
代码如下:

<CENTER> <TABLE style=" FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=260 border=2> <TD vAlign=center align=middle bgColor=#ffffff><IMG src="http://img.blog.163.com/photo/4CkgDt4ygxxCe-4DJqhiDQ==/879046352267728081.jpg">

10、圆形渐变透明

【博客素材】给你的图片加上简单的边框 - 同恩 - 欢迎光临
代码如下:

<CENTER><IMG style=" FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://img.blog.163.com/photo/4CkgDt4ygxxCe-4DJqhiDQ==/879046352267728081.jpg">

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

历史上的今天

评论

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

页脚

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