如何让HTML表格最后一行的下边框比其他边框更粗？

实现方法 #

完全可以实现该需求，你可以借助CSS的:last-child伪类选择器定位到表格tbody的最后一行，覆盖其下边框样式即可。因为样式优先级遵循「同优先级下后定义的样式覆盖前置样式」的规则，你只需要把下面的代码追加到你现有CSS代码的末尾即可：

/* 选中tbody最后一行的所有td，修改下边框宽度，可自行调整3px为需要的粗细 */
.table tbody tr:last-child td {
    border-bottom: 3px solid #000000 !important;
}

如果你的表格存在标签，需要修改页脚行的下边框，把选择器换成.table tfoot tr:last-child td即可。

内容的提问来源于stack exchange，提问作者Oscar Vardela