你不能给tr元素加边框。这在firefox和IE 11中都适用:

<td style='border-bottom:1pt solid black'>

将行显示为块。

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

简单地显示交替颜色:

tr.oddrow {
    display: block;
    border-bottom: 1px solid #F00;
}

几个有趣的答案。因为你只是想要一个边界底部(或顶部)这里还有两个。假设你想要一个3px厚的蓝色边框。在样式部分可以添加

.blueB {background-color:blue; height:3px} or
hr {background-color:blue; color:blue height:3px}

在表格代码中也一样

<tr><td colspan='3' class='blueB></td></tr> or
<tr><td colspan='3'><hr></td></tr>

无CSS边框底部:

<table>
    <thead>
        <tr>
            <th>Title</th>
        </tr>
        <tr>
            <th>
                <hr>
            </th>
        </tr>
    </thead>
</table>

这里有很多不完整的答案。因为你不能给tr标签加边框，你需要给td或者th标签加边框，就像这样:

td {
  border-bottom: 1pt solid black;
}

这样做将在每个td之间留下一个小的空间，如果您希望边界看起来就像tr标签，这可能是不可取的。为了“填补空白”，你需要利用table元素的border-collapse属性，并将其值设置为collapse，如下所示:

table {
  border-collapse: collapse;
}

Use

border-collapse:像Nathan写的那样崩溃，你需要设置

Td {border-bottom: 1px solid #000;｝