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

凤莎莎博客

欢迎朋友光临

 
 
 

日志

 
 

【转载】图片加上边框的方法  

2014-01-14 15:26:24|  分类: 代码专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自学海无涯《图片加上边框的方法》

〖素雅模板〗清新淡雅写字模板 - 学海无涯网易博客

 

图片加上边框的方法
编辑制作:学海无涯

图片加上边框的方法 - 学海无涯 - 读书之法.在循序而渐进.熟读而精思图片加上边框的方法 - 学海无涯 - 读书之法.在循序而渐进.熟读而精思图片加上边框的方法 - 学海无涯 - 读书之法.在循序而渐进.熟读而精思图片加上边框的方法 - 学海无涯 - 读书之法.在循序而渐进.熟读而精思图片加上边框的方法 - 学海无涯 - 读书之法.在循序而渐进.熟读而精思

 

1。单线框 <CENTER><IMG style="BORDER-BOTTOM: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-RIGHT: #ff0000 3px solid"  src="http://img.blog.163.com/photo/z4_7PcM07jHBJZIPC5J1lw==/3698581193978320147.jpg" __1354674984781__="ev_2128250871"><BR><BR></CENTER><WBR>

 
  图片加上边框的方法 - 学海无涯

 2。双线框  <CENTER><IMG style="BORDER-BOTTOM: green 5px double; BORDER-LEFT: green 5px double; BORDER-TOP: green 5px double; BORDER-RIGHT: green 5px double"  src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg" __1354674984781__="ev_9016720186"><BR><BR>&nbsp;<BR></CENTER>

  图片加上边框的方法 - 学海无涯

  3。凸出框  <CENTER><IMG style="BORDER-BOTTOM: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-RIGHT: #ff88ff 25px outset" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg" __1354674984781__="ev_4312457512"><BR><BR><BR><BR></CENTER>

 
  图片加上边框的方法 - 学海无涯

4。凹进框 <CENTER><IMG style="BORDER-BOTTOM: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-RIGHT: #ff88ff 25px inset" src="http://img.blog.163.com/photo/Gn7lJJEw1Q4x7D_m2Lceqg==/2836704815290159082.jpg" __1354674984781__="ev_6669241977"><BR><BR><BR></CENTER>
 
  图片加上边框的方法 - 学海无涯

5。邮票框  <DIV align=center>
<TABLE style="BORDER-BOTTOM: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-RIGHT: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56 align=center>
<TBODY>
<TR>
<TD bgColor=#aeffae height=260 vAlign=center width=260 align=middle>
<P align=center><IMG src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg" __1354674984781__="ev_4324228105"> </P></TD></TR></TBODY></TABLE></DIV>
 

  图片加上边框的方法 - 学海无涯


6。虚线框   <CENTER><IMG style="BORDER-BOTTOM: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-RIGHT: #ff0000 4px dashed"  src="http://img.blog.163.com/photo/tWe-PmBnwkuVyUM1K9fHBA==/1137440380888245771.jpg" __1354674984781__="ev_5541362580"><BR><BR><BR></CENTER><WBR>
 
  图片加上边框的方法 - 学海无涯
7。凹槽框   <CENTER><IMG style="BORDER-BOTTOM: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-RIGHT: green 25px groove" border=0 src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg" __1354674984781__="ev_4398581007"><BR><BR><BR></CENTER><WBR>
 

  图片加上边框的方法 - 学海无涯

8。脊状框   <CENTER><IMG style="BORDER-BOTTOM: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-RIGHT: green 25px ridge" border=0 src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg" __1354674984781__="ev_9911888752"><BR><BR></CENTER><WBR>
 
  图片加上边框的方法 - 学海无涯
9。立体阴影框  <P align=center>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" border=2 cellSpacing=3 cellPadding=15 width=260 align=center height=400>
<TBODY>
<TR>
<TD bgColor=#ffffff vAlign=center align=middle><IMG src="
http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg
" __1354674477156__="ev_5061084457"></TD></TR></TBODY></TABLE></P>

 10。横向渐变透明     <CENTER><IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg" __1354674984781__="ev_1793716267"></CENTER><WBR>

 图片加上边框的方法 -学海无涯

  11。圆形渐变透明   <CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://img.blog.163.com/photo/fzJhiZyO30Ja6SF07cyAaA==/2289798935541508528.jpg" __1354674984781__="ev_1153446534"></CENTER>
<P align=center>&nbsp;<BR></P>

 图片加上边框的方法 - 学海无涯

 

 12。X形渐变透明  <CENTER><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)"   src="http://img.blog.163.com/photo/LhJS4TEh5g2WGu-W-XPmhQ==/4274760471304741395.jpg" __1354674984781__="ev_7470324817"></CENTER><WBR>

图片加上边框的方法 - 学海无涯

 13。改变某种颜色  <CENTER><IMG style="FILTER: Chroma(Color=#13629f)" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg" __1354674984781__="ev_4073387186"></CENTER><WBR>

 图片加上边框的方法 -学海无涯

 14。黑白效果  <CENTER><IMG style="FILTER: gray" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg" __1354674984781__="ev_7287196793"></CENTER><WBR>

  图片加上边框的方法 - 学海无涯

 15。X光效果(底片)  <CENTER><IMG style="FILTER: xray"  src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg" __1354679570046__="ev_7563291948"></CENTER><WBR>

  图片加上边框的方法 - 学海无涯

  16。浮雕效果   <CENTER><IMG src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg" __1354679570046__="ev_4616765915"></CENTER>
<P align=center><BR><BR><WBR></P>

图片加上边框的方法 - 学海无涯

 17。上下颠倒   <CENTER><IMG style="FILTER: flipv" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg" __1354679570046__="ev_7593889567">&nbsp;<BR></CENTER>

  图片加上边框的方法 - 学海无涯 

  18。左右颠倒  <CENTER><IMG style="FILTER: fliph"  src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg" __1354679570046__="ev_4150632858"></CENTER>
<P align=center><BR><BR><WBR></P>

  图片加上边框的方法 - 学海无涯


19。色彩颠倒    <CENTER><IMG style="FILTER: invert"   src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg" __1354679570046__="ev_1175398497"></CENTER>
<P align=center><BR><BR><WBR></P>

  图片加上边框的方法 - 学海无涯


20。水波效果(风吹)  <CENTER><IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg" __1354679570046__="ev_4458337881"></CENTER><WBR>

图片加上边框的方法 - 学海无涯

〖素雅模板〗清新淡雅写字模板 - 学海无涯网易博客

 
 
  图片加上边框的方法 - 学海无涯
  评论这张
 
阅读(11)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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