html - 使用 CSS 向表格添加粗垂直线

Question

我有一张这样的 table 。我如何在第 2 列和第 3 列之间添加一条粗垂直线，以便将其分成两半？我做了一些搜索，但我发现的所有内容都是围绕整个列/单元格的边框。我只想要一条线路。

Answer 1

你可以使用边框:http://jsfiddle.net/kzp36owo/3/

table {
    background: blue;
    color: #ffffff;
}
table tr td:nth-child(2) {
    border-right: 4px solid yellow;
}

为了正常工作，重置表格的 cellspacing 很重要。