只能看到垂直线的表格

Question

我需要一种方法来只显示表格中的垂直线条.

我试图将border-left和border-right添加到:table和单独的td中:1px solid #red;.但它不会添加边框颜色.

所以我正在寻找的是创建这些垂直线的简单方法.

Answer 1

使用边界崩溃您<table>比左边框和右边框上的<td>.

table { border-collapse: collapse; }
tr { border: none; }
td {
  border-right: solid 1px #f00; 
  border-left: solid 1px #f00;
}

<table>
  <tr>
    <td>a</td>
    <td>b</td>
  </tr>
  <tr>
    <td>c</td>
    <td>d</td>
  </tr>
</table>