表格的高級樣式[無名表格、虛線表格]制作分解

昵稱604703 2010-05-13

展開全文

表格的高級樣式[無名表格、虛線表格]制作分解

無名表格

代碼∶ <FIELDSET style="WIDTH: 600px" align=center><LEGEND>無名表格 </LEGEND>
<P>添加內(nèi)容</P></FIELDSET> 說明∶藍色代碼為大框?qū)挕?/strong>

可改變表頭位置無名表格代碼
<FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>可改變表頭位置無名表格代碼</LEGEND>
<P>添加內(nèi)容</P></FIELDSET>

說明∶更改藍色代碼左LEFT、中CENTER、右RIGHT、可將表頭字調(diào)換位置。黃色代碼WIDTH: 600px為大框?qū)挾戎怠?/font>

表中表效果Ⅰ代碼∶ <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>

說明∶藍色代碼 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>

說明∶藍色代碼WIDTH: 600px 為大框?qū)?、黃色代碼分別為小框四邊顏色和邊寬、藍色代碼width=120為小框?qū)?表頭小框添加字后不能自由延伸,由小框?qū)挾葦?shù)值決定。

細細

線線
表表
格格

二列多行虛線表格代碼<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">細</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>

說明∶藍色數(shù)值為表格全寬、紅色數(shù)值為表格虛邊點的大小、表格按需要增加行數(shù)時反復復制黃色代碼部分、粘貼其后面即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">細</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>

說明∶藍色數(shù)值為表格全寬、紅色數(shù)值為表格虛邊點的大小、橫向添加表格時按需要同步分別復制黃色、金色代碼粘貼其本顏色代碼后面,最后在其需要的行數(shù),反復制從粉色和復制后的金色代碼部分粘貼其后面即OK了。虛邊表格各邊代碼分別為、RIGHT 右邊、TOP 上邊、LEFT 左邊、BOTTOM 地邊。