从表格单元格中删除边框

Question

我知道这是一个愚蠢的问题，但我似乎完全忘记了如何去做。

我有一个 HTML table 我想删除所有单元格周围的所有边框，以便整个表格周围只有一个边框。

我的代码看起来像：

 <table border='1' width='500'>
  <tr><th><h1>Your Wheelbarrow</h1></th><tr>
    <th>Product</th>
    <th>Description</th>
    <th>Price</th>
    <th>Quantity</th>
    <th>Total</th>
    <th>Delete</th>
  </tr>

原文由 user1278496 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需折叠表格边框并从表格单元格（ td 元素）中删除边框。

 table {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

td {
    border: none;
}

如果没有明确设置 border-collapse 不能保证跨浏览器删除表格单元格边框。

原文由 user188654 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

用于此目的的 HTML 属性是 rules=none （将插入到 table 标记中）。

原文由 Jukka K. Korpela 发布，翻译遵循 CC BY-SA 3.0 许可协议