HTML表格 - <th>标签变化时的垂直线

Question

是否有可能在变化的<th>标签上有垂直线在表格的整个长度上延伸。例如，在下面的表格

如何添加运行从顶部到每个月使用CSS之间底部的垂直线？

Answer 1

取决于你的表格有什么HTML，但这里是一个例子。使用此代码添加垂直边框。

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

<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>