表格的高級樣式[無名表格、虛線表格]制作分解
表格效果圖及代碼無名表格
代 碼∶ <FIELDSET style="WIDTH: 600px" align=center><LEGEND>無名表格 </LEGEND>
<P>添加內(nèi)容</P></FIELDSET> 說 明∶藍(lán)色代碼為大框?qū)挕?div style="height:15px;">
可改變表頭位置無名表格代碼
<FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>可改變表頭位置無名表格代碼</LEGEND>
<P>添加內(nèi)容</P></FIELDSET>
說 明∶更改藍(lán)色代碼左LEFT、中CENTER、右RIGHT、可將表頭字調(diào)換位置。黃色代碼WIDTH: 600px為大框?qū)挾戎怠?div style="height:15px;">
表中表效果Ⅰ代 碼∶ <FIELDSET style="WIDTH: 600px; COLOR: #ffff00" align=center><LEGEND style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; COLOR: blue; BORDER-BOTTOM: #ff0000 1px solid">表中表效果Ⅰ</LEGEND>添加內(nèi)容</FIELDSET>
說 明∶藍(lán)色代碼 WIDTH: 600px為大框?qū)挕⒓t色代碼 COLOR: #ffff00 是添加內(nèi)容字體顏色、黃色代碼分別為小框四邊顏色,表頭小框添加字自由延伸。
表中表效果Ⅱ
代 碼∶<FIELDSET style="WIDTH: 600px " align=center><LEGEND>
<TABLE style="BORDER-RIGHT: #800000 1px solid; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; BORDER-BOTTOM: #800000 1px solid" height=20 cellSpacing=1 cellPadding=0 width=120>
<TBODY>
<TR>
<TD><FONT color=blue>表中表效果Ⅱ</FONT></TD></TR></TBODY></TABLE></LEGEND>添加內(nèi)容</FIELDSET>
說 明∶藍(lán)色代碼WIDTH: 600px 為大框?qū)?、黃色代碼分別為小框四邊顏色和邊寬、藍(lán)色代碼width=120為小框?qū)?表頭小框添加字后不能自由延伸,由小框?qū)挾葦?shù)值決定。
細(xì) 細(xì)
線 線 表 表 格 格
二列多行虛線表格代碼<TABLE cellSpacing=0 cellPadding=0 width=200>
<TBODY>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">細(xì)</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">線</TD></TR>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">表</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">格</TD>
</TR></TBODY></TABLE>
說 明∶藍(lán)色數(shù)值為表格全寬、紅色數(shù)值為表格虛邊點(diǎn)的大小、表格按需要增加行數(shù)時(shí)反復(fù)復(fù)制黃色代碼部分、粘貼其后面即OK了。虛邊表格各邊代碼分別為、RIGHT 右邊、TOP 上邊、LEFT 左邊、BOTTOM 地邊。
虛 線 表 格
虛 線 表 格
多列多行虛線表格代碼<TABLE cellSpacing=0 cellPadding=0 width=200>
<TBODY>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">細(xì)</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">線</TD></TR>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">表</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">格</TD>
</TR></TBODY></TABLE>
說 明∶藍(lán)色數(shù)值為表格全寬、紅色數(shù)值為表格虛邊點(diǎn)的大小、橫向添加表格時(shí)按需要同步分別復(fù)制黃色、金色代碼粘貼其本顏色代碼后面,最后在其需要的行數(shù),反復(fù)制從粉色和復(fù)制后的金色代碼部分粘貼其后面即OK了。虛邊表格各邊代碼分別為、RIGHT 右邊、TOP 上邊、LEFT 左邊、BOTTOM 地邊。
