单线框效果
单线框效果代码:
<P align=center><IMG style="border:8 solid #ff0000" src="http://image58.360doc.com/DownloadImg/2013/01/0518/29404399_1.gif" width=700 height=420></P>
双线框效果
双线框效果代码:
<P align=center><IMG style="border:16 double green" src="http://image58.360doc.com/DownloadImg/2013/01/0518/29404399_1.gif" width=700 height=420></P>
凸出框效果
凸出框效果代码:
<P align=center><IMG style="border:15 outset #ff88ff" src="http://image58.360doc.com/DownloadImg/2013/01/0518/29404399_1.gif" width=700 height=420></P>
凹进效果
凹进效果代码:
<P align=center><IMG style="border:15 inset #D2691E" src="http://image58.360doc.com/DownloadImg/2013/01/0518/29404399_1.gif" width=700 height=420></P>
虚线框效果
虚线框效果代码:
<P align=center><IMG style="border:8 dashed #FFD700" src="http://image58.360doc.com/DownloadImg/2013/01/0518/29404399_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/0518/29404399_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/0518/29404399_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/0518/29404399_1.gif" width=700 height=420></P>
立体边框效果
|