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屬性可以參考 本連接