表格的高级样式[无名表格、虚线表格]制作分解

表格的高级样式[无名表格、虚线表格]制作分解 表格效果图及代码 无名表格 代 码∶ <FIELDSET style="WIDTH: 600px" align=center><LEGEND>无名表格 </LEGEND> <P>添加内容</P></FIELDSET>      说 明∶蓝色代码为大框宽。   可改变表头位置无名表格代码 <FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>可改变表头位置无名表格代码</LEGEND> <P>添加内容</P></FIELDSET> 说 明∶更改蓝色代码左LEFT、中CENTER、右RIGHT、可将表头字调换位置。黄色代码WIDTH: 600px为大框宽度值。   表中表效果Ⅰ 代 码∶ <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>添加内容</FIELDSET> 说 明∶蓝色代码 WIDTH: 600px为大框宽、红色代码 COLOR: #ffff00 是添加内容字体颜色、黄色代码分别为小框四边颜色,表头小框添加字自由延伸。     表中表效果Ⅱ 代 码∶<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>添加内容</FIELDSET> 说 明∶蓝色代码WIDTH: 600px 为大框宽、黄色代码分别为小框四边颜色和边宽、蓝色代码width=120为小框宽,表头小框添加字后不能自由延伸,由小框宽度数值决定。   细 细 线 线 表 表 格 格   二列多行虚线表格代码 <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> 说 明∶蓝色数值为表格全宽、红色数值为表格虚边点的大小、表格按需要增加行数时反复复制黄色代码部分、粘贴其后面即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> 说 明∶蓝色数值为表格全宽、红色数值为表格虚边点的大小、横向添加表格时按需要同步分别复制黄色、金色代码粘贴其本颜色代码后面,最后在其需要的行数,反复制从粉色和复制后的金色代码部分粘贴其后面即OK了。虚边表格各边代码分别为、RIGHT 右边、TOP 上边、LEFT 左边、BOTTOM 地边。