幾種樣式的圖片邊框代碼

樂(lè)在其中Happy 2012-07-29

展開(kāi)全文

幾種樣式的圖片邊框代碼

幾種樣式的圖片邊框效果圖及代碼

(一)圖片加單邊框

單邊框代碼 <TABLE style="BORDER-RIGHT: #6666ff 12px solid; BORDER-TOP: #6666ff 12px solid; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #6666ff 12px solid; BORDER-BOTTOM: #6666ff 12px solid" align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

(二)圖片加雙邊框

雙邊框代碼

<TABLE style="BORDER-RIGHT: green 12px double; BORDER-TOP: green 12px double; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: green 12px double; BORDER-BOTTOM: green 12px double" align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

(三)圖片加立體邊框上

立體邊框上代碼

<TABLE style="BORDER-RIGHT: #ff3333 12px outset; BORDER-TOP: #ff3333 12px outset; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #ff3333 12px outset; BORDER-BOTTOM: #ff3333 12px outset; " align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

(四)圖片加立體邊框下

立體邊框下代碼

<TABLE style="BORDER-RIGHT: #6666ff 12px inset; BORDER-TOP: #6666ff 12px inset; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #6666ff 12px inset; BORDER-BOTTOM: #6666ff 12px inset;" align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

(五)圖片加脊柱邊框

脊柱邊框代碼

<TABLE style="BORDER-RIGHT: #00ff00 12px ridge; BORDER-TOP: #00ff00 12px ridge; WIDTH: 550px; HEIGHT: 116px; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #00ff00 12px ridge; BORDER-BOTTOM: #00ff00 12px ridge" align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

(六)圖片加深色立體邊框

深色立體邊框代碼

<TABLE style="BORDER-RIGHT: #6666ff 12px outset; BORDER-TOP: #6666ff 12px inset; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #6666ff 12px inset; BORDER-BOTTOM: #6666ff 12px outset;" align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

說(shuō) 明:區(qū)別在代碼outset 與 inset 不相同。

(七)圖片加淺色立體邊框

淺色立體邊框代碼

<TABLE style="BORDER-RIGHT: #ff3333 12px inset; BORDER-TOP: #ff3333 12px outset; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #ff3333 12px outset; BORDER-BOTTOM: #ff3333 12px inset;" align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

說(shuō) 明:區(qū)別在代碼inset 與outset 不相同。

(八)圖片加虛線邊框

虛線邊框代碼

<TABLE style="BORDER-RIGHT: #ff6633 7px dashed; BORDER-TOP: #ff6633 7px dashed; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #ff6633 7px dashed; BORDER-BOTTOM: #ff6633 7px dashed;" align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

說(shuō) 明:虛線寬度數(shù)值7px不宜太大。

(十)框內(nèi)加框邊框

框內(nèi)加框邊框代碼

<TABLE style="BORDER-RIGHT: #33ff00 12px ridge; BORDER-TOP: #33ff00 12px ridge; WIDTH: 550px; HEIGHT: 116px; BORDER-LEFT: #33ff00 12px ridge; BORDER-BOTTOM: #33ff00 12px ridge; BACKGROUND-COLOR: #33ff00" cellSpacing=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc0000 border=6>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 550px; HEIGHT: 116px"><IMG style="WIDTH: 550px; HEIGHT: 116px" src="

說(shuō) 明:添加了紅色代碼布分,、粉色代碼為大框背景顏色、藍(lán)色代碼為內(nèi)框顏色和邊寬。

學(xué)海博客歡迎您,！

學(xué)海博客歡迎您選用！ 學(xué)海博客歡迎您選用,！

歡迎您光臨學(xué)海博客歡迎您光臨學(xué)海博客歡迎您

學(xué)海網(wǎng)易博客

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn),。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：樂(lè)在其中Happy > 《邊框》

舉報(bào)/認(rèn)領(lǐng)