不同结构的表格样式

在圈子里看不出效果，请点击查看原文欣赏！ 1. 单行单列   代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD height=40> <DIV align=center>单行单列</DIV></TD> </TR></TBODY></TABLE> 2. 一行多列 一行多列 一行多列 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD width=100> <DIV align=center>一行多列</DIV></TD> <TD width=100> <DIV align=center>一行多列</DIV></TD> <TD width=100> <DIV align=center>一行多列</DIV></TD> </TR></TBODY></TABLE> 3. 一列多行 一列多行 一列多行 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD> <DIV align=center>一列多行</DIV></TD> <TR> <TD> <DIV align=center>一列多行</DIV></TD> <TR> <TD> <DIV align=center>一列多行</DIV></TD></TR></TR> </TR></TBODY></TABLE> 4. 多行多列 多行多列 多行多列 多行多列 多行多列 多行多列 多行多列 多行多列 多行多列 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD width=100> <DIV align=center>多行多列</DIV></TD> <TD width=100> <DIV align=center>多行多列</DIV></TD> <TD width=100> <DIV align=center>多行多列</DIV></TD> <TR> <TD> <DIV align=center>多行多列</DIV></TD> <TD> <DIV align=center>多行多列</DIV></TD> <TD> <DIV align=center>多行多列</DIV></TD> <TR> <TD> <DIV align=center>多行多列</DIV></TD> <TD> <DIV align=center>多行多列</DIV></TD> <TD> <DIV align=center>多行多列</DIV></TD></TR></TR> </TR></TBODY></TABLE> 5. 合并列的表格 合并列的表格 合并列的表格 合并列的表格 合并列的表格 合并列的表格 合并列的表格 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD colSpan=3> <DIV align=center>合并列的表格</DIV></TD> <TR> <TD width=100> <DIV align=center>合并列的表格</DIV></TD> <TD width=100> <DIV align=center>合并列的表格</DIV></TD> <TD width=100> <DIV align=center>合并列的表格</DIV></TD> <TR> <TD> <DIV align=center>合并列的表格</DIV></TD> <TD> <DIV align=center>合并列的表格</DIV></TD> <TD> <DIV align=center>合并列的表格</DIV></TD></TR></TR> </TR></TBODY></TABLE> 6. 合并行的表格 合并行的表格 合并行的表格 合并行的表格 合并行的表格 合并行的表格 合并行的表格 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD width=100 rowSpan=3> <DIV align=center>合并行的表格</DIV></TD> <TD width=100> <DIV align=center>合并行的表格</DIV></TD> <TD width=100> <DIV align=center>合并行的表格</DIV></TD> <TR> <TD> <DIV align=center>合并行的表格</DIV></TD> <TD> <DIV align=center>合并行的表格</DIV></TD> <TR> <TD> <DIV align=center>合并行的表格</DIV></TD> <TD> <DIV align=center>合并行的表格</DIV></TD></TR></TR> </TR></TBODY></TABLE> 7. 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 复杂表格 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1> <TBODY> <TR> <TD width=60> <DIV align=center>复杂表格</DIV></TD> <TD width=180 colSpan=3> <DIV align=center>复杂表格</DIV></TD> <TD width=60> <DIV align=center>复杂表格</DIV></TD> <TR> <TD rowSpan=4> <DIV align=center>复杂表格</DIV></TD> <TD rowSpan=3> <DIV align=center>复杂表格</DIV></TD> <TD> <DIV align=center>复杂表格</DIV></TD> <TD> <DIV align=center>复杂表格</DIV></TD> <TD> <DIV align=center>复杂表格</DIV></TD> <TR> <TD> <DIV align=center>复杂表格</DIV></TD> <TD> <DIV align=center>复杂表格</DIV></TD> <TD> <DIV align=center>复杂表格</DIV></TD> <TR> <TD> <DIV align=center>复杂表格</DIV></TD> <TD> <DIV align=center>复杂表格</DIV></TD> <TD> <DIV align=center>复杂表格</DIV></TD> <TR> <TD> <DIV align=center>复杂表格</DIV></TD> <TD colSpan=3> <DIV align=center>复杂表格</DIV></TD> </TR></TR></TR></TR> </TR></TBODY></TABLE> 8. 隐藏 横向 分隔线 隐藏 横向 分隔线 隐藏 横向 分隔线 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ff0033 cellSpacing=0 rules=cols width=300 align=center bgColor=#e1f8ff border=1> <TBODY> <TR> <TD width=100>隐藏</TD> <TD width=100>横向</TD> <TD width=100>分隔线</TD> <TR> <TD>隐藏</TD> <TD>横向</TD> <TD>分隔线</TD> <TR> <TD>隐藏</TD> <TD>横向</TD> <TD>分隔线</TD></TR></TR> </TR></TBODY></TABLE>   9. 隐藏 纵向 分隔线 隐藏 纵向 分隔线 隐藏 纵向 分隔线 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ff0033 cellSpacing=0 rules=rows width=300 align=center bgColor=#e1f8ff border=1> <TBODY> <TR> <TD width=100>隐藏</TD> <TD width=100>纵向</TD> <TD width=100>分隔线</TD> <TR> <TD>隐藏</TD> <TD>纵向</TD> <TD>分隔线</TD> <TR> <TD>隐藏</TD> <TD>纵向</TD> <TD>分隔线</TD></TR></TR> </TR></TBODY></TABLE> 10. 隐藏 纵横 分隔线 隐藏 纵横 分隔线 隐藏 纵横 分隔线 代码： <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ff0033 cellSpacing=0 rules=none width=300 align=center bgColor=#e1f8ff border=1> <TBODY> <TR> <TD width=100>隐藏</TD> <TD width=100>纵横</TD> <TD width=100>分隔线</TD> <TR> <TD>隐藏</TD> <TD>纵横</TD> <TD>分隔线</TD> <TR> <TD>隐藏</TD> <TD>纵横</TD> <TD>分隔线</TD></TR></TR> </TR></TBODY></TABLE>  <TABLE borderColor=#111111 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=rhs> <TBODY> <TR align=middle> <TD height=40>只显示右边框</TD> </TR></TBODY></TABLE> 附：表格常用属性 border：表格的边框宽度。如border=1，表示表格边框的粗细为1个像素(默认值)，为0表示没有边框。        cellspacing：表格中各单元格的间距。属性值为数字。当表格只有一个单元格时，则表示该单元格与表格边框的距离。        cellpadding：单元格内容与单元格边框之间的距离，属性值是数字。        width：表格的宽度。属性值为像素和百分比两种。        height：表格的高度。取值方法同width。        bgcolor：表格的背景颜色。属性值为各种颜色代码。        background：表格的背景图案。属性值为有效的图片地址。        bordercolor：表格边框的颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。        bordercolorlight：亮边框(表格的左边和上边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。        bordercolordark：暗边框(表格的右边和下边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。        align：表格的对齐方式。属性值为left(左对齐，默认)、center(居中)以及right(右对齐)。        colspan：定义合并表格的列数。属性值是数字。        rowspan定义合并表格的行数，属性值是数字。          『ldm2124086音乐空间』欢迎你！