Html 如何使用表格在行上添加边框？

您能告诉我如何使用表格在行上添加边框吗

这是我的密码

。表格视图{
边框：1px实心
}
.table_view_el tr{
边框：1px实心
}

JS-Bin
聚会
领先席位
赢得席位
座位总数
集成数字控制
0
120
120
印度人民党
0
50
50
法学博士（S）
0
37
37
其他
0
15
15

我认为我们可以在td上应用border，这样您就可以使用此代码来解决问题

td {
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

---

我通常对表格应用两个边框，然后对单元格应用两个相反的边框：

。表格视图{
右边框：1px实心；
边框底部：1px实心；
}
.table_view_el th，
.table_view_el td{
边框顶部：1px实心；
左边框：1px实心；
}

JS-Bin
聚会
领先席位
赢得席位
座位总数
集成数字控制
0
120
120
印度人民党
0
50
50
法学博士（S）
0
37
37
其他
0
15
15

您可以在表中添加以下

边框折叠规则，以获得要显示的行边框：

table {
  border-collapse: collapse;
}


。表格视图{
边框：1px实心
}
.table_view_el tr{
边框：1px实心
}
桌子{
边界塌陷：塌陷；
}

聚会
领先席位
赢得席位
座位总数
集成数字控制
0
120
120
印度人民党
0
50
50
法学博士（S）
0
37
37
其他
0
15
15
在我看来，
无法直接设置样式，因此您可以在
中添加一个
边框底部

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

tr:last-child td {
  border-bottom: 0;
}