如何在html中为整个单元格加下划线

Question

当我使用<td><u>test</u></td>时。我只是强调测试而不是整个细胞。下划线不延伸到整个单元格。请问我怎么能强调整个细胞？

Answer 1

您可以在底部为单元格指定边框。

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

请参阅DEMO。

Answer 2

让你成为块元素来填充整个单元格然后你可以应用css样式：

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

Answer 3

你不能强调“整个单元格”，因为CSS中的下划线仅与文本有关。因此，您可以为单元格的整个文本内容加下划线，但不能强调单元格。

要从单元格的左边缘到右边缘进行下划线拉伸，您需要将单元格的水平填充设置为零（它们的典型默认值为2px）和使单元格宽度等于文本的宽度。后者通常可以通过 not 设置单元格的宽度来实现，并且不需要在同一列中的任何单元格需要比所考虑的单元格更大的宽度。

很难看到为什么你想要这样做，而你很可能实际上不想要下划线而是边框。