【音畫代碼】23種css圖片修飾－來源網(wǎng)絡(luò)

清音王梓

1。單線框<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:3 solid #ff0000"><br><br><br></center> 2。雙線框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:5 double green"><br><br><br></center> 3。凸出框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 outset #ff88ff"><br><br><br></center> 4。凹進框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 inset #ff88ff"><br><br><br></center> 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="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></td></tr></table></center> 6。虛線框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:4 dashed #ff0000"><br><br><br></center> 7。凹槽框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 groove green" border="0"><br><br><br></center> 8。脊?fàn)羁?lt;center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 ridge green" border="0"><br><br><br></center> 9。立體陰影框<center> <table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progidXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"> <tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"> </td></tr></table></center> XImageTransform.Microsoft.Shadow (color:#f6ae56,direction:145,strength:15)" height=375 cellSpacing=3 cellPadding=15 width=500 border=2> 10。陰影框<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:shadow(color=#32cd32)"></center> 11。橫向漸變透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center> 12。圓形漸變透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center> 13。X形漸變透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center> 14。改變某種顏色<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"style="FILTER: Chroma(Color=#13629f)"></center> 15。黑白效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:'gray'"></center> 16。X光效果（底片）<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:'xray'"></center> 17。浮雕效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progidXImageTransform.Microsoft.Emboss()"></center> 18。上下顛倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:flipv"> </center> 19。左右顛倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:fliph"></center> 20。色彩顛倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:invert"></center> 21。粒狀陰影<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center> 22。模糊效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center> 23。水波效果（風(fēng)吹）<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

一池清涼

有空多來學(xué)習(xí)學(xué)習(xí)2331

小李輕風(fēng)

學(xué)習(xí)