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

Good fun网易博客

图片文字素材库,时尚音乐,生活百科,精品博客

 
 
 

日志

 
 

图片特效代码汇集和边框制作  

2009-05-23 17:29:39|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

图片特效代码汇集和边框制作

Good fun编辑

素材图: 

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 

 1。单线框

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 

代码:<center><img src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg" style="border:4 solid #ffcc99"></center>

代码简单说明: border:4  是指边框线的粗细    改变数值4来改变线的大小

                         solid #ffcc99  是指边框线的颜色  ,改变后面的颜色代码来改变边框线颜色  详细颜色代码表

                         请点击:网易博客代码(颜色代码)

                                http//.....jpg  就是图片地址,换成你自己的(图片地址,你只要右击你的图片,属性就有了)

 

上面的单线框还可以用下面代码:

<CENTER><IMG style="BORDER-BOTTOM: #ffcc99 4px solid; BORDER-LEFT: #ffcc99 4px solid; BORDER-TOP: #ffcc99 4px solid; BORDER-RIGHT: #ffcc99 4px solid" src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>
 

        这个代码效果和上面代码一样,只是这个可以分别设置上下左右四个边框线的大小及颜色!可以是4个边框线的颜色和大小都不同!只要改变4个数值4和颜色代码即可改变!以下效果就不一一细说了,有问题,留下评论和我交流! 

 

 2。双线框

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 

代码:   <CENTER><IMG style="BORDER-BOTTOM: #ff0000 6px double; BORDER-LEFT: #ff0000 6px double; BORDER-TOP: #ff0000 6px double; BORDER-RIGHT: #ff0000 6px double" src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>

 

3。凸出框 

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:  <CENTER><IMG style="BORDER-BOTTOM: #ff3300 28px outset; BORDER-LEFT: #ff3300 28px outset; BORDER-TOP: #ff3300 28px outset; BORDER-RIGHT: #ff3300 28px outset" src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>
 

4、凹进框

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:<CENTER><IMG style="BORDER-BOTTOM: #ff3300 28px inset; BORDER-LEFT: #ff3300 28px inset; BORDER-TOP: #ff3300 28px inset; BORDER-RIGHT: #ff3300 28px inset" src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>
 

 

 邮票框:

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 代码:<CENTER>
<TABLE style="BORDER-BOTTOM: #ff3366 3px dashed; BORDER-LEFT: #ff3366 3px dashed; BORDER-TOP: #ff3366 3px dashed; BORDER-RIGHT: #ff3366 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#ff1234>
<TBODY>
<TR>
<TD bgColor=#aeffae height=450 vAlign=center width=600 align=middle><IMG src="图片地址
"%20style=" #ff88ff? inset border:25></TD></TR></TBODY></TABLE></CENTER>

 虚线框

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>
 

 脊状框

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:   <CENTER><IMG style="BORDER-BOTTOM: #ff3366 28px ridge; BORDER-LEFT: #ff3366 28px ridge; BORDER-TOP: #ff3366 28px ridge; BORDER-RIGHT: #ff3366 28px ridge" border=0 src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>
 

 

 投影:

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 

代码:   <CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#ff3388,direction:145,strength:15)" border=2 cellSpacing=3 cellPadding=10 width=400 height=400><TBODY><TR>
<TD bgColor=#ff3366 vAlign=center align=middle><IMG src="
图片地址"></TD></TR></TBODY></TABLE></CENTER>
 

代码说明:“color:#ff3388”是投影颜色,“bgColor=#ff3366”是图片背景颜色; “strength:15”是投影长度,这几个参数可以自己设置! 

 

 线型渐变:

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 代码:  <center>
<img src="
http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>

 

圆形渐变:

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:  <CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>
 

X型渐变: 

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 代码:   <CENTER><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>

 X光效果

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:  <center><img src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg" style="filter:'xray'"></center>
 

 浮雕效果

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 代码:  <center><img src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

 色彩颠倒

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 代码:  <center><img src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg" style="filter:invert"></center>

 

上下颠倒: 

图片特效代码汇集和边框制作 - Good fun - Good fun博客

 代码:  <CENTER><IMG style="FILTER: flipv"  src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg"></CENTER>

 左右颠倒

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:  <center><img src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg" style="filter:fliph"></center>
 

水波效果: 

图片特效代码汇集和边框制作 - Good fun - Good fun博客

代码:  <center><img src="http://img43.bimg.126.net/photo/u5rpRE5R5a-r1CUYAjqhjw==/4271101296609005912.jpg" style="filter:wave(freq=10, strength=4, phase=5, lightstrength=10)"></center>
 

钟成友情提示:后面的参数是水波的幅度和数量、长度!可以自己尝试改变!不再细说了!有问题留下评论和我交流!

 

 

  评论这张
 
阅读(5654)| 评论(17)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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