从表格单元格中删除边框

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>

Answer 1

只需折叠表格边框并从表格单元格(td元素)中删除边框.

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

td {
    border: none;
}

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

Answer 2

用于此目的的HTML属性rules=none(将被插入到table标记中).

Answer 3

也许你只需要这个 CSS 规则：

table {
   border-spacing: 0px;
}

http://jsfiddle.net/Bz3Jt/3/