用代码给图片加个框

单线框效果

单线框效果代码：

<P align=center><IMG style="border:8 solid #ff0000" src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P>

双线框效果

双线框效果代码：

<P align=center><IMG style="border:16 double green" src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P>

凸出框效果

凸出框效果代码：

<P align=center><IMG style="border:15 outset #ff88ff" src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P>

凹进效果

凹进效果代码：

<P align=center><IMG style="border:15 inset #D2691E" src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P>

虚线框效果

虚线框效果代码：

<P align=center><IMG style="border:8 dashed #FFD700" src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P>

脊状框效果

脊状框效果代码：

<P align=center><IMG style="border:16 ridge green" border="0" src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P>

虚幻阴影效果

虚幻阴影效果代码：

<DIV style="FILTER: glow(color=yellow,strength=20); LINE-HEIGHT: 120%; WIDTH: 115%; HEIGHT: 100%; COLOR: #ff0000;"><BR>

<P align=center><IMG src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P></DIV>

圆点效果

圆点效果代码：

<P align=center><IMG style="BORDER-RIGHT: #F62843 15px dotted; BORDER-TOP: #F62843 15px dotted; BORDER-LEFT: #F62843 15px dotted; BORDER-BOTTOM: #F62843 15px dotted" src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></P>

立体边框效果

立体边框效果代码：

<TABLE style="FILTER: shadow(color=#000000); WIDTH: 700px; HEIGHT: 420px" border=2 cellSpacing=10>

<TBODY>

<TR>

<TD>

<IMG src="http://image58.360doc.com/DownloadImg/2013/01/0520/29406881_1.gif" width=700 height=420></TD></TR></TBODY></TABLE>

你只要在原图片代码的基础上，再加一组蓝色的效果代码，就能做出各种效果的图片来了。平时注重收集各种代码，就可以搭配出各种你想要的效果图片。

喜看博客千年旺

福照家门万事兴

和尚于2013-01-04编辑