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属性可以参考 本连接