如何摆脱这个表格边框？

Question

我已经尝试了一切，但没有将最外层表的边框设置为0。我想摆脱单元格下方的“大单元格文本”。代码很混乱，但这里是link to jsfiddle，所以你可以......捣鼓它。表结构的代码与我在网站中使用的代码完全相同，但显然数据被替换。

任何线索？

Answer 1

组边框底部和边框顶部无：http://jsfiddle.net/nUrE7/

Answer 2

在这里你去。添加border-bottom：none;和border-top：none;在您的代码中。

<table cellspacing="0" cellpadding="1" border="1" style="width: 100%;"> 
    <tr > 
    <td colspan="7" border="0" style="width: 100%; text-align: left; height: 100px; vertical-align:middle;border-bottom:none;"> big cell text </td> 
    </tr> 
    <tr border="0"> 
    <td colspan="7" border="0" style="width: 100%; text-align: left; vertical-align:middle;border-top:none; "><table cellspacing="0" cellpadding="1" border="0" style="width: 100%;"> 
     <tr border="0"> 
      <td border="0" width="10%"><strong>1:</strong></td> 
      <td border="0" width="90%" style="text-align: left;">text1</td> 
     </tr> 
     <tr border="0"> 
      <td border="0" width="10%"><strong>2: </strong></td> 
      <td border="0" width="90%" style="text-align: left;">text2</td> 
     </tr> 
     </table></td> 
    </tr> 
    <tr border="0"> 
    <td colspan="5" style="width: 74%;text-align: right;">Total</td> 
    <td style="width: 13%; text-align: right; height: 20px; vertical-align:middle;">a</td> 
    <td style="width: 13%; text-align: right; height: 20px; vertical-align:middle;">b</td> 
    </tr> 
    <tr border="0"> 
    <td colspan="5" style="width: 74%; vertical-align:middle; text-align: center; height: 20px;"><strong>c</strong></td> 
    <td colspan="2" style="width: 26%; text-align: center; height: 20px; vertical-align:middle;">d</td> 
    </tr> 
</table>