乘成休闲吧

胜似闲庭信步,聆听天籁之音,享受情趣人生。

 
 
 

日志

 
 

《图片加上边框代码实用技巧》

〓〓博客知识〓〓 2007-07-12 07:58:25 阅读501 评论13 字号:

 


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





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





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





4。凹进框 <*CENTER><*IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://img.blog.163.com/photo/Gn7lJJEw1Q4x7D_m2Lceqg==/2836704815290159082.jpg">





5。邮票框 <*CENTER> <*TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56> <*TD vAlign=center align=middle width=260 bgColor=#aeffae height=260><*IMG src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg">
6。虚线框 <*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://img.blog.163.com/photo/tWe-PmBnwkuVyUM1K9fHBA==/1137440380888245771.jpg">





7。凹槽框 <*CENTER><*IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg" border=0>





8。脊状框 <*CENTER><*IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg" border=0>





9。立体阴影框 <*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/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg">
10。阴影框 <*CENTER><*IMG style="FILTER: shadow(color=#C2DB9B)" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg">
11。横向渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg">
12。圆形渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://img.blog.163.com/photo/fzJhiZyO30Ja6SF07cyAaA==/2289798935541508528.jpg">
13。X形渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://img.blog.163.com/photo/LhJS4TEh5g2WGu-W-XPmhQ==/4274760471304741395.jpg">
14。改变某种颜色 <*CENTER><*IMG style="FILTER: Chroma(Color=#13629f)" src="http://img.blog.163.com/photo/LhJS4TEh5g2WGu-W-XPmhQ==/4274760471304741395.jpg">
15。黑白效果 <*CENTER><*IMG style="FILTER: gray" src="http://img.blog.163.com/photo/LhJS4TEh5g2WGu-W-XPmhQ==/4274760471304741395.jpg">
16。X光效果(底片) <*CENTER><*IMG style="FILTER: xray" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">
17。浮雕效果 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">


18。上下颠倒 <*CENTER><*IMG style="FILTER: flipv" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">


19。左右颠倒 <*CENTER><*IMG style="FILTER: fliph" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">


20。色彩颠倒 <*CENTER><*IMG style="FILTER: invert" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">


21。粒状阴影 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">


22。模糊效果 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">


23。水波效果(风吹) <*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">




0人推荐  
阅读(501)| 评论(13)| 引用(36) |举报
<#--最新日志--> <#--推荐日志--> <#--引用记录--> <#--相关日志--> <#--推荐日志--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

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