html - 没有垂直单元格边框的表格

Question

我希望我的 HTML 表格只显示水平单元格边框。有没有办法可以隐藏垂直单元格边框？

score 26 · Accepted Answer

You can add strictly horizontal border lines by styling tr tags via CSS.

Example CSS:

tr {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-collapse: collapse;
}

Of course, you can use any border style/width/color you choose.

score 8 · Accepted Answer

8

table, th, td {
  border-left: none;
  border-right: none;
}

于 2012-06-28T04:42:46.873 回答

score 7 · Accepted Answer

7

假设您使用的是 old-style <table border="1">，请 make it <table border="1" rules="rows">。

于 2012-06-28T02:10:09.983 回答

score 2 · Accepted Answer

2

<style>
  td {border-left: 1px solid black;}
</style>

于 2013-07-27T01:31:37.607 回答

score 2 · Accepted Answer

我终于想通了，您需要将border-collapse属性设置为table！

CSS：

table {
    border-collapse: collapse;
}

tr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

你的桌子只有水平线！

score 1 · Accepted Answer

1

th, td {
  border-bottom: 1px solid #ddd;
}

于 2019-01-31T10:12:31.960 回答

score -6 · Accepted Answer

您可以通过 CSS 设置 tr 标签的样式来添加严格的水平边框线。

<TABLE 
    BORDER=1 CELLPADDING=3 CELLSPACING=1 
    RULES=COLS FRAME=BOX
>

7 回答 7