css tr 加下边框线 |css 鼠标经过出现出现字

table {
border-collapse: collapse;  /* 将表格边框合并为一个边框 */
}
tr {
border-bottom: 1px solid black;  /* 给每行添加1像素的黑色实线边框 */
}

如上所示的CSS代码，大家先将表格的边框合并为一个边框，这样可以让表格看起来更加美观、整洁。然后，大家设置了每行的下边框为1像素的实线边框，颜色为黑色。这个1像素的边框不会占用表格的实际尺寸，但是可以有效地区分出每个单元格和每个行的位置。

还有一点需要注意的是，如果表格中存在和等子元素，大家对它们各自的标签也需要进行下边框线的设置。

thead tr {
border-bottom: 1px solid black;  /* 表头行下边框 */
}
tbody tr {
border-bottom: 1px solid gray;   /* 表格主体行下边框 */
}

大家可以通过类似如上的CSS代码，对表头行和表格主体行分别设置不同的下边框颜色，从而进一步提高表格的可读性和美观性。

在设计表格时，下边框线的使用非常常见，因为它能够很好地帮助大家分隔各行，让读者更容易地阅读和理解表格数据。同时，利用CSS对表格进行下边框线的设置也是一种良好的网页设计习惯。