【音画代码】23种css图片修饰－来源网络
<BR><BR><BR><BR><BR><BR><BR><BR><TABLE style="BORDER-RIGHT: #0022aa 8px dashed; BORDER-TOP: #0022aa 8px dashed; LEFT: -100px; BORDER-LEFT: #0022aa 8px dashed; BORDER-BOTTOM: #0022aa 8px dashed; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=650 bgColor=#000000 tuborder="0">
<TBODY>
<TR>
<TD>
<P><FONT color=white>1。单线框<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="border:3 solid #ff0000"><br><br><br></center> </FONT></P>
<CENTER><FONT color=white><IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><BR><BR><BR></FONT></CENTER>
<P><FONT color=white>2。双线框<center> <img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="border:5 double green"><br><br><br></center> </FONT></P>
<CENTER><FONT color=white><IMG style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><BR><BR><BR></FONT></CENTER>
<P><FONT color=white>3。凸出框<center> <img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="border:25 outset #ff88ff"><br><br><br></center> </FONT></P>
<CENTER><FONT color=white><IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><BR><BR><BR></FONT></CENTER>
<P><FONT color=white>4。凹进框<center> <img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="border:25 inset #ff88ff"><br><br><br></center> </FONT></P>
<CENTER><FONT color=white><IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><BR><BR><BR></FONT></CENTER>
<P><FONT color=white>5。邮票框 <center> <table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"> <tr><td bgcolor="#aeffae" width=600 height=450 align=center valign=middle><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>"></td></tr></table></center> </FONT></P>
<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>
<TBODY>
<TR>
<TD vAlign=center align=middle width=500 bgColor=#aeffae height=375><FONT color=white><IMG src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"> </FONT></TD></TR></TBODY></TABLE></CENTER>
<P><FONT color=white>6。虚线框<center> <img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="border:4 dashed #ff0000"><br><br><br></center> </FONT></P>
<CENTER><FONT color=white><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><BR><BR><BR></FONT></CENTER>
<P><FONT color=white>7。凹槽框<center> <img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="border:25 groove green" border="0"><br><br><br></center> </FONT></P>
<CENTER><FONT color=white><IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" border=0><BR><BR><BR></FONT></CENTER>
<P><FONT color=white>8。脊状框<center> <img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="border:25 ridge green" border="0"><br><br><br></center> </FONT></P>
<CENTER><FONT color=white><IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" border=0><BR><BR><BR></FONT></CENTER>
<P><FONT color=white>9。立体阴影框<center> <table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"> <tr><td bgcolor="#ffffff" align=center valign=middle><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>"> </td></tr></table></center> </FONT></P>
<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow
(color:#f6ae56,direction:145,strength:15)" height=375 cellSpacing=3 cellPadding=15 width=500 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><FONT color=white><IMG src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"> </FONT></TD></TR></TBODY></TABLE></CENTER>
<P><FONT color=white>10。阴影框<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:shadow(color=#32cd32)"></center></FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: shadow(color=#32cd32)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>11。横向渐变透明<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center></FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>12。圆形渐变透明<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>13。X形渐变透明<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>14。改变某种颜色<center><img src="</FONT><A href='http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"style="FILTER'><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"style="FILTER</FONT></A><FONT color=white>: Chroma(Color=#13629f)"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: Chroma
(Color=#13629f)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>15。黑白效果<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:'gray'"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: gray" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>16。X光效果（底片）<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:'xray'"></center></FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: xray" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white> 17。浮雕效果<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>18。上下颠倒<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:flipv"> </center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: flipv" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"> </FONT></CENTER>
<P><FONT color=white>19。左右颠倒<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:fliph"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: fliph" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>20。色彩颠倒<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:invert"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: invert" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>21。粒状阴影<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center> </FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white>22。模糊效果<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center></FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER>
<P><FONT color=white> 23。水波效果（风吹）<center><img src="</FONT><A href="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"><FONT color=white>http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg</FONT></A><FONT color=white>" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center></FONT></P>
<CENTER><FONT color=white><IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></FONT></CENTER></TD></TR></TBODY></TABLE> 有空多来学习学习2331 学习
页:
[1]