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

.

若能杯酒比名淡, 应信村茶比酒香!

 
 
 

日志

 
 
关于我

知性而不失漂亮、独立而不失女人味、性感而不张扬、高贵而不失娇柔。从容却不急趋、自如而不窘迫、温柔善良、贤惠端庄、经历过太多风雨洗礼、雅致的清香挥之不去。

网易考拉推荐

图片加边框代码(1)  

2010-10-18 01:34:13|  分类: ◆图片处理◆ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用春暖花会开图片处理效果代码引用碎羽残舞图片处理效果代码

 

图片处理效果代码 - 碎羽残舞 - 碎羽残舞

图片处理效果代码

制作技巧 一网打尽>>

 

原图效果

图片处理效果代码 - 碎羽残舞 - 碎羽残舞

代码:

<CENTER><IMG style="VISIBILITY: visible" height=272 src="图片地址" width=480></CENTER>

 图片处理效果代码 - 碎羽残舞 - 碎羽残舞

 

1.单线边框套图效果:

图片处理效果代码 - 碎羽残舞 - 碎羽残舞

代码:

<CENTER><IMG style="BORDER-RIGHT: #00ffff 3px solid; BORDER-TOP: #00ffff 3px solid; BORDER-LEFT: #00ffff 3px solid; BORDER-BOTTOM: #00ffff 3px solid" src="图片地址"></CENTER>

图片处理效果代码 - 碎羽残舞 - 碎羽残舞

 

2.双线边框套图效果:

图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER><IMG style="BORDER-RIGHT:#00ffff 7px double; BORDER-TOP:#00ffff 7px double; BORDER-LEFT:#00ffff 7px double; BORDER-BOTTOM:#00ffff 7px double" src="图片地址"></CENTER>
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
3.凸线边框套图效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER><IMG style="BORDER-RIGHT: #00ffff 25px outset; BORDER-TOP: #00ffff 25px outset; BORDER-LEFT: #00ffff 25px outset; BORDER-BOTTOM: #00ffff 25px outset" src="图片地址"></CENTER>
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
4.凹线边框套图效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER><IMG style="BORDER-RIGHT: #00ffff 25px inset; BORDER-TOP: #00ffff 25px inset; BORDER-LEFT: #00ffff 25px inset; BORDER-BOTTOM: #00ffff 25px inset" src="图片地址"></CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
5.虚线边框套图效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
 代码:
<CENTER><IMG style="BORDER-RIGHT: #00ffff 4px dashed; BORDER-TOP: #00ffff 4px dashed; BORDER-LEFT: #00ffff 4px dashed; BORDER-BOTTOM: #00ffff 4px dashed" src="图片地址"> </CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
6.粒状阴影边框套图效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER>
<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=25)">
</CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
 
7.黑白处理效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
 代码:
<CENTER>
<img src="图片地址" style="filter:'gray'">
</CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
8.X光透射效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
 代码:
<CENTER>
<img src="图片地址" style="filter:'xray'">
</CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
9.浮雕效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER>
<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">
</CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
10.上下颠倒效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER>
<img src="图片地址" style="filter:flipv">
</CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
11.左右交换效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER>
<img src="图片地址" style="filter:fliph">
</CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
12.色彩渐变效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER><img src="图片地址" style="filter:invert">
</CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
13.邮票式边框套图效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER><table style="border:3 dashed #00ffff" cellspacing="5" cellpadding="10" bgcolor="#00ffff"><tr><td bgcolor="#00ffff" width=480 height=272 align=center valign=middle><img src="图片地址">
</td></tr></table></CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
14.立体阴影边框套图效果:
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 
代码:
<CENTER><table width=480 height=272 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#00ffff,direction:145,strength:15)"><tr><td bgcolor="#00ffff" align=center valign=middle><img src="图片地址">
</td></tr></table></CENTER>
 
图片处理效果代码 - 碎羽残舞 - 碎羽残舞
 

代码分析:“<CENTER>是居中代码 </CENTER>”  ,粉红色地方是图片的宽和高,绿色地方是边框颜色代码,青绿色地方是图片地址。

图片处理效果代码 - 碎羽残舞 - 碎羽残舞

点击回首页

文章出处:网友 碎羽残舞 网址:http://suiyucanwu.blog.163.com/

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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