|
图片特效代码汇集和边框制作
Good fun编辑
素材图：
1。单线框
代码：<center><img src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg" style="border:4 solid #ffcc99"></center>
代码简单说明： border:4 是指边框线的粗细 改变数值4来改变线的大小
solid #ffcc99 是指边框线的颜色 ，改变后面的颜色代码来改变边框线颜色 详细颜色代码表
请点击：网易博客代码(颜色代码)
http//.....jpg 就是图片地址，换成你自己的（图片地址，你只要右击你的图片，属性就有了）
上面的单线框还可以用下面代码：
<CENTER><IMG style="BORDER-BOTTOM: #ffcc99 4px solid; BORDER-LEFT: #ffcc99 4px solid; BORDER-TOP: #ffcc99 4px solid; BORDER-RIGHT: #ffcc99 4px solid" src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
这个代码效果和上面代码一样，只是这个可以分别设置上下左右四个边框线的大小及颜色！可以是4个边框线的颜色和大小都不同！只要改变4个数值4和颜色代码即可改变！以下效果就不一一细说了，有问题，留下评论和我交流！
2。双线框
代码： <CENTER><IMG style="BORDER-BOTTOM: #ff0000 6px double; BORDER-LEFT: #ff0000 6px double; BORDER-TOP: #ff0000 6px double; BORDER-RIGHT: #ff0000 6px double" src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
3。凸出框
代码： <CENTER><IMG style="BORDER-BOTTOM: #ff3300 28px outset; BORDER-LEFT: #ff3300 28px outset; BORDER-TOP: #ff3300 28px outset; BORDER-RIGHT: #ff3300 28px outset" src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
4、凹进框
代码：<CENTER><IMG style="BORDER-BOTTOM: #ff3300 28px inset; BORDER-LEFT: #ff3300 28px inset; BORDER-TOP: #ff3300 28px inset; BORDER-RIGHT: #ff3300 28px inset" src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
邮票框：
代码：<CENTER>
<TABLE style="BORDER-BOTTOM: #ff3366 3px dashed; BORDER-LEFT: #ff3366 3px dashed; BORDER-TOP: #ff3366 3px dashed; BORDER-RIGHT: #ff3366 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#ff1234>
<TBODY>
<TR>
<TD bgColor=#aeffae height=450 vAlign=center width=600 align=middle><IMG src="图片地址＂%20style=" #ff88ff? inset border:25></TD></TR></TBODY></TABLE></CENTER>
虚线框
代码：<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://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
脊状框
代码： <CENTER><IMG style="BORDER-BOTTOM: #ff3366 28px ridge; BORDER-LEFT: #ff3366 28px ridge; BORDER-TOP: #ff3366 28px ridge; BORDER-RIGHT: #ff3366 28px ridge" border=0 src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
投影：
代码： <CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#ff3388,direction:145,strength:15)" border=2 cellSpacing=3 cellPadding=10 width=400 height=400><TBODY><TR>
<TD bgColor=#ff3366 vAlign=center align=middle><IMG src="图片地址"></TD></TR></TBODY></TABLE></CENTER>
代码说明：“color:#ff3388”是投影颜色，“bgColor=#ff3366”是图片背景颜色； “strength:15”是投影长度，这几个参数可以自己设置！
线型渐变：
代码： <center>
<img src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>
圆形渐变：
代码： <CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
X型渐变：
代码： <CENTER><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
X光效果
代码： <center><img src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg" style="filter:'xray'"></center>
浮雕效果
代码： <center><img src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
色彩颠倒
代码： <center><img src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg" style="filter:invert"></center>
上下颠倒：
代码： <CENTER><IMG style="FILTER: flipv" src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg"></CENTER>
左右颠倒
代码： <center><img src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg" style="filter:fliph"></center>
水波效果：
代码： <center><img src="http://image50.360doc.com/DownloadImg/2012/03/1306/22260836_1.jpg" style="filter:wave(freq=10, strength=4, phase=5, lightstrength=10)"></center>
钟成友情提示：后面的参数是水波的幅度和数量、长度！可以自己尝试改变！不再细说了！有问题留下评论和我交流！
| 
