html - 仅选定单元格的连续右边框

Question

Related Question

上面的问题类似。但我想知道右边界是否可以连续？

如何让垂直线之间的间隙消失并使其看起来像一条连续线？另外，我必须使用内联 CSS 样式。也不能在 head 中使用外部 CSS 或样式标签。

Answer 1

你可以通过这样做来实现它

   table {
    border: none;
    border-collapse: collapse;
}

td {
    border: none;
    border-right: solid 1px #333;
    padding: 10px;
}

tr td:last-of-type {
    border: none;
}

Click to see working example