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

Question

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

Answer 1

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

示例 CSS：

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

当然，您可以使用您选择的任何边框样式/宽度/颜色。

JS小提琴： http : //jsfiddle.net/XPyzM/

Answer 2

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

Answer 3

假设您使用的是旧式<table border="1"> ，请将其<table border="1" rules="rows"> 。

Answer 4

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

Answer 5

我终于想通了，您需要将border-collapse属性放在table样式中！

CSS：

table {
    border-collapse: collapse;
}

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

你的桌子只会有水平线！

Answer 6

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

见https://www.w3schools.com/css/css_table.asp

Answer 7

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

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