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

昵稱604703 2010-05-13

展開全文

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

無名表格

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

可改變表頭位置無名表格代碼
<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ū)挾戎怠?/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>

說明∶藍(lán)色代碼 WIDTH: 600px為大框?qū)?、紅色代碼 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ū)挕ⅫS色代碼分別為小框四邊顏色和邊寬、藍(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 地邊。

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

轉(zhuǎn)藏 分享

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

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

來自：昵稱604703 > 《代碼》

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