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

当我使用

测试时

。我只是在测试下面划线，而不是整个单元格。下划线不会延伸到整个单元格。请问如何在整个单元格下划线

您可以在单元格底部设置边框

td{
边框底部：1px实心#000；
}

---

请参见。

将u设为块元素以填充整个单元格，然后可以对其应用css样式：

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

---

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

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

---

很难理解您为什么要这样做，而且很可能您实际上并不需要下划线，而是需要边框。

底部边框和下划线是两种不同的东西。因此，虽然这可能会实现实际需要的功能，但它并没有回答实际提出的问题。@Jukka我正试图实现OP想要的功能，正如您所说的，因为您不在单元格下“下划线”，而是在单元格的文本下“下划线”。相反，您使用单元格边框，这是实现所需结果的适当且简单的方法。我看不出让事情复杂化有什么意义，但指出区别是件好事。这意味着添加

u

标记，并为标记内的文本（仅）创建下划线，并为与单元格一样宽的块创建底部边框。因此，它不会扩展下划线，并添加未请求的边框。