CSS 清除表格边框

【问题标题】：CSS Clearing Table BordersCSS 清除表格边框
【发布时间】：2014-07-09 13:30:27
【问题描述】：

任何想法，如何使表格看起来像这样（用红色圆圈标记）没有边框和背景颜色？

【问题讨论】：

给border-spacing:value
这不是边框间距，因为这样空间会转到所有，但我只需要前两个和所有行

【解决方案1】：

table
{
    border-collapse:separate;
    border-spacing:10px 50px;
}

或者任何你想要的间距

【讨论】：

就像我已经说过的那样：“这不是边框间距，因为这样空间会转到所有，但我只需要前两个和所有行"
@TomsBugna 那么为什么不制作两张单独的表格，一张有边框间距，一张没有？

【解决方案2】：

你可以给你的tds 一些填充吗？

JSFiddle

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
  </tr>
  <!-- more rows -->
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
  </tr>
</table>

CSS：

tr td:nth-of-type(2){
  padding:0 20px;
}

【讨论】：