如何刪除表格中的所有邊框？

繼承人我的代碼：如何刪除表格中的所有邊框？

<table border="0"> 
    <tbody> 
     <tr style="border: none;"> 
      <td colspan="12" align="center">2012</td> 
      <td colspan="12" align="center">2013</td> 
     </tr> 
     <tr> 
      <td align="center" style="width: 31px;border: none;">Ene</td> 
      <td align="center" style="width: 29px;border: none;">Feb</td> 
      <td align="center" style="width: 31px">Mar</td> 
      <td align="center" style="width: 30px">Abr</td> 
      <td align="center" style="width: 31px">May</td> 
      <td align="center" style="width: 30px">Jun</td> 
      <td align="center" style="width: 31px">Jul</td> 
      <td align="center" style="width: 31px">Ago</td> 
      <td align="center" style="width: 30px">Sep</td> 
      <td align="center" style="width: 31px">Oct</td> 
      <td align="center" style="width: 30px">Nov</td> 
      <td align="center" style="width: 31px">Dic</td> 
      <td align="center" style="width: 31px">Ene</td> 
      <td align="center" style="width: 28px">Feb</td> 
      <td align="center" style="width: 31px">Mar</td> 
      <td align="center" style="width: 30px">Abr</td> 
      <td align="center" style="width: 31px">May</td> 
      <td align="center" style="width: 30px">Jun</td> 
      <td align="center" style="width: 31px">Jul</td> 
      <td align="center" style="width: 31px">Ago</td> 
      <td align="center" style="width: 30px">Sep</td> 
      <td align="center" style="width: 31px">Oct</td> 
      <td align="center" style="width: 30px">Nov</td> 
      <td align="center" style="width: 31px">Dic</td> 
     </tr> 
     <tr> 
      <td style="background-color: #000;border: none;">&nbsp;</td> 
      <td style="background-color: #000;border: none;">&nbsp;</td> 
     </tr> 
    </tbody> 
</table>

http://jsfiddle.net/GWj3w/2/

正如你可以看到我設置邊框的表格爲0，也爲TR和TD標籤邊框的風格：沒有，但我還是得說細胞之間的白線，也在我的風格

* { 
    border: none; 
    padding: 0; 
    margin: 0; 
}

我怎樣才能刪除這個邊界？

謝謝！

來源

2013-10-23 antonioj1015

那些不是邊界，它們是差距。 –

您可以通過使用空格去掉（注：在這兩個之間有輕微difference）在桌子上

border-spacing: 0;或border-collapse: collapse;。

例子：http://jsfiddle.net/GWj3w/1/

來源

2013-10-23 21:21:52 Adrift

Yeap這樣做......謝謝！ – antonioj1015

@ antonioj1015如果您發現有幫助，請務必[**接受它]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work） –

輕鬆搞定！在你的table元素上設置cellpadding和cellspacing爲0。所有這些邊界調整可能會造成混淆，而且您無需控制邊界調整<tr>。保持簡單:)

來源

2013-10-23 21:26:00 blackhawk

它是特別是'cellspacing = 0'（這是一個比使用CSS更強大的替代方法，但被許多人視爲原則問題），消除了不是邊界的差距。這個問題與邊界調整沒有任何關係（表格默認沒有邊界）。 –

正確，其移除空間不是邊框。 – blackhawk

如何刪除表格中的所有邊框？

回答

相關問題