HTML表格 - 标签更改的垂直线

Question

是否可以在<th>标记的更改中沿着表格的整个长度运行垂直线。例如，在下表中

如何使用CSS在每个月之间添加从上到下运行的垂直线？

Answer 1

取决于您为桌子获得的HTML，但这是一个例子。使用此代码添加垂直边框。

＆＃13;

＆＃13;

table { border-collapse: collapse; }
tr { border: none; }
.line {
  border-left:  solid 1px #000;
}

＆＃13;

<table>
  <tr>
    <th colspan="2" class="line">Persons</th>
  </tr>
  <tr>
    <th class="line">Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td class="line">James</td>
    <td>Bond</td>
  </tr>
  <tr>
    <td class="line">Clark</td>
    <td>Kent</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;