1、單線(xiàn)型邊框效果代碼:
<TABLE style="BORDER-BOTTOM: #0000ff 4pt solid; POSITION: relative; BORDER-LEFT: #0000ff 4pt solid; WIDTH: 550px; HEIGHT: 0px; BORDER-TOP: #0000ff 4pt solid; TOP: 0px; BORDER-RIGHT: #0000ff 4pt solid" width=550 align=center>
<TBODY>
<TR>
<TD bgColor=#ffffff>此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
2、雙線(xiàn)型邊框效果代碼:
<TABLE style="BORDER-BOTTOM: #00ff00 7pt double; POSITION: relative; BORDER-LEFT: #00ff00 7pt double; WIDTH: 550px; HEIGHT: 0px; BORDER-TOP: #00ff00 7pt double; TOP: 0px; BORDER-RIGHT: #00ff00 7pt double" width="99%">
<TBODY>
<TR>
<TD bgColor=#ffffff>此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
3、凸出型邊框效果代碼:
<TABLE style="POSITION: relative; TOP: 0px; HEIGHT: 0px; WIDTH: 550px; BORDER-RIGHT: #999999 11pt outset; BORDER-TOP: #999999 11pt outset; BORDER-LEFT: #999999 11pt outset; BORDER-BOTTOM: #999999 11pt outset"width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#ffffcc>此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
4、凹陷型邊框效果代碼:
<TABLE style="POSITION: relative; TOP: 0px; HEIGHT: 0px; WIDTH: 550px; BORDER-RIGHT: #880000 11pt inset; BORDER-TOP: #880000 11pt inset; BORDER-LEFT: #880000 11pt inset; BORDER-BOTTOM: #880000 11pt inset" width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#ff00ff>此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
5、虛線(xiàn)型邊框效果代碼:
<TABLE style="BORDER-BOTTOM: #cc33ff 3pt dashed; POSITION: relative; BORDER-LEFT: #cc33ff 3pt dashed; WIDTH: 550px; HEIGHT: 0px; BORDER-TOP: #cc33ff 3pt dashed; TOP: 0px; BORDER-RIGHT: #cc33ff 3pt dashed" width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#99ff00>此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
6、脊?fàn)盍Ⅲw邊框效果代碼:
<TABLE style="BORDER-BOTTOM: #00ff00 14pt ridge; POSITION: relative; BORDER-LEFT: #00ff00 14pt ridge; WIDTH: 550px; HEIGHT: 0px; BORDER-TOP: #00ff00 14pt ridge; TOP: 0px; BORDER-RIGHT: #00ff00 14pt ridge" width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#ccffcc>此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
7、凹狀雙內(nèi)虛線(xiàn)框樣式與代碼:
<TABLE style="POSITION: relative; WIDTH: 550px; HEIGHT: 0px; TOP: 0px" border=10 cellSpacing=2 borderColor=#00cc00 width=550 align=center>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #00cc00 3px dashed; BORDER-LEFT: #00cc00 3px dashed; BORDER-TOP: #00cc00 3px dashed; BORDER-RIGHT: #00cc00 3px dashed">此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
8、點(diǎn)狀虛線(xiàn)框效果代碼: 9、點(diǎn)狀虛線(xiàn)框效果代碼:
<TABLE style="BORDER-BOTTOM: #ccff66 5px dotted; BORDER-LEFT: #ccff66 5px dotted; WIDTH: 550px; HEIGHT: 50px; BORDER-TOP: #ccff66 5px dotted; BORDER-RIGHT: #ccff66 5px dotted" cellSpacing=5 bgColor=#ccff66>
<TBODY>
<TR bgColor=#ff9900>
<TD>此處輸入文字內(nèi)容</TD></TR></TBODY></TABLE>
代碼解讀：
1、BORDER-RIGHT:表示該邊框的右邊框線(xiàn);LEFT表示左邊框線(xiàn);TOP、BOTTOM表示上、下邊框線(xiàn);
2、 #0000ff 表示該邊框線(xiàn)的顏色,有關(guān)顏色的選取請(qǐng)參照顏色代碼表；
3、7pt表示該邊框線(xiàn)的粗細(xì)度,可根據(jù)需要改變其數(shù)值;
4、上述代碼中的紅色部分double表示該邊框?yàn)閱尉€(xiàn)邊框、double為雙線(xiàn)邊框、outset表示為凸出型邊框、inset為凹槽型邊框、dashed為虛線(xiàn)型邊框等
5、align=center 表示該邊框在日志中居正中位置, 需要說(shuō)明的是:日志頁(yè)面的總寬度一在720至800之間.只有寬度值小于700以下時(shí),邊框才會(huì)出現(xiàn)居左、居右或居中的現(xiàn)象; align=left 居左 align=right 居右
6、如果去除上述代碼中的最后一行中的bgColor=#ffffff
代碼, 最終該邊框內(nèi)部的顏色顯示為你日志頁(yè)面的顏色.如果你想在該邊框內(nèi)添加一種背景顏色,只要在粉紅處改變顏色代碼即可. 例: #ffffff表示內(nèi)框背景為白色,現(xiàn)在需要黑色作為背景顏色只要改為#00000即可.
7、 POSITION: relative 邊框相對(duì)定位，WIDTH 邊框的寬 HEIGHT 邊框的高度，一般可以不設(shè)置由內(nèi)容自然擴(kuò)展括。
改變上述代碼中的部分代碼及數(shù)值后,就可以獲得各種顏色形狀不同的邊框
