原圖效果

1.單線邊框套圖效果:

代碼:
<CENTER><IMG style="BORDER-RIGHT: #00ffff 3px solid; BORDER-TOP: #00ffff 3px solid; BORDER-LEFT: #00ffff 3px solid; BORDER-BOTTOM: #00ffff 3px solid" src="圖片地址"></CENTER>
2.雙線邊框套圖效果:

代碼:
3.凸線邊框套圖效果

代碼:
<CENTER><IMG style="BORDER-RIGHT: #00ffff 25px outset; BORDER-TOP: #00ffff 25px outset; BORDER-LEFT: #00ffff 25px outset; BORDER-BOTTOM: #00ffff 25px outset" src="圖片地址"></CENTER>
4.凹線邊框套圖效果:

<CENTER><IMG style="BORDER-RIGHT: #00ffff 25px inset; BORDER-TOP: #00ffff 25px inset; BORDER-LEFT: #00ffff 25px inset; BORDER-BOTTOM: #00ffff 25px inset" src="圖片地址"></CENTER>
5.虛線邊框套圖效果:

代碼:
<CENTER><IMG style="BORDER-RIGHT: #00ffff 4px dashed; BORDER-TOP: #00ffff 4px dashed; BORDER-LEFT: #00ffff 4px dashed; BORDER-BOTTOM: #00ffff 4px dashed" src="圖片地址"> </CENTER>
6.郵票式邊框套圖效果:
![]() |
代碼:
<CENTER><table style="border:3 dashed #00ffff" cellspacing="5" cellpadding="10" bgcolor="#00ffff"><tr><td bgcolor="#00ffff" width=480 height=272 align=center valign=middle><img src="图片地址">
</td></tr></table></CENTER>
7.立體陰影邊框套圖效果:
![]() |
代碼:
<CENTER><table width=480 height=272 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#00ffff,direction:145,strength:15)"><tr><td bgcolor="#00ffff" align=center valign=middle><img src="圖片地址">
</td></tr></table></CENTER>
引用:易博網
















請先 登入 以發表留言。