山姆斯1000x逆变器:《图片加上边框代码实用技巧》

来源:百度文库 编辑:偶看新闻 时间:2024/05/02 06:39:45
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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_1.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_3.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_4.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_5.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_6.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_5.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_5.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://image9.360doc.com/DownloadImg/2010/05/1418/3200944_3.jpg">
10。阴影框 <*CENTER><*IMG style="FILTER: shadow(color=#C2DB9B)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_3.jpg">
11。横向渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_3.jpg">
12。圆形渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_7.jpg">
13。X形渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_8.jpg">
14。改变某种颜色 <*CENTER><*IMG style="FILTER: Chroma(Color=#13629f)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_8.jpg">
15。黑白效果 <*CENTER><*IMG style="FILTER: gray" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_8.jpg">
16。X光效果(底片) <*CENTER><*IMG style="FILTER: xray" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">
17。浮雕效果 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">


18。上下颠倒 <*CENTER><*IMG style="FILTER: flipv" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">


19。左右颠倒 <*CENTER><*IMG style="FILTER: fliph" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">


20。色彩颠倒 <*CENTER><*IMG style="FILTER: invert" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">


21。粒状阴影 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">


22。模糊效果 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">


23。水波效果(风吹) <*CENTER><*IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://image9.360doc.com/DownloadImg/2010/05/1418/3200944_2.jpg">