Table边框 让两个table看起来像一个

下面的代码，是用来显示让两个table看起来像一个table的控制，这个主要是边框线上的问题

 

第一种方法

<mce:style><!-- tr{text-align: center; COLOR: #000000; BACKGROUND-COLOR: #F4FAFF; } td{border:1px #3399FF solid; } --></mce:style><style mce_bogus="1"> tr{text-align: center; COLOR: #000000; BACKGROUND-COLOR: #F4FAFF; } td{border:1px #3399FF solid; } </style> <TABLE width="100%" style="background-color: #006600;border-bottom:0;" mce_style="background-color: #006600;border-bottom:0;"> <TR><table border="1" cellspacing="0" width="100%" style="border-bottom:0;border-color:#3399FF;" mce_style="border-bottom:0;border-color:#3399FF;"><tr><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td></tr><tr><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td></tr><tr><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td></tr></table> </TR> <TR> <table border="1" cellspacing="0" width="100%" style="border-top:0;border-color:#3399FF;" mce_style="border-top:0;border-color:#3399FF;"><tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr><tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr><tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr></table> </TR> </TABLE>

 

第二种方法

 

<TABLE width="100%" border='1'style='border-collapse:collapse;' bordercolor='#A6C9E2'> <TR><td><table border='1' style="border-collapse:collapse;" mce_style="border-collapse:collapse;" bordercolor='#A6C9E2' width="100%" align="center" frame='void'><tr><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td></tr><tr><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td></tr><tr><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td><td width="20%">1</td></tr></table> </td> </TR> <TR> <td><table border='1' style="border-collapse:collapse;" mce_style="border-collapse:collapse;" bordercolor='#A6C9E2' width="100%" align="center" frame='void' ><tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">1</td></tr><tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">1</td></tr><tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">1</td></tr></table> </td> </TR> </TABLE>

 

 

 

关于Table属性和样式可以参考  本连接。 而table的 frame 和 rules属性可以参考 本连接