如何为 HTML 表格中的每一行添加底部边框？

向表格行底部添加边框

尝试向每个表格行底部添加纯黑色边框时遇到问题()。使用内联样式或 CSS 最初被证明是无效的。

要纠正这个问题，请合并 border-collapse:collapse;在 CSS 的表格规则中：

table {
    border-collapse: collapse;
}

此修改实质上合并了相邻边框，确保应用于各个行的边框可见。

代码示例：

<table>
  <tr><td>A1</td><td>B1</td><td>C1</td></tr>
  <tr><td>A2</td><td>B2</td><td>C2</td></tr>
  <tr><td>A2</td><td>B2</td><td>C2</td></tr>
</table>

table {
  border-collapse: collapse;
}

tr {
  border-bottom: 1pt solid black;
}

应用此 CSS 后，表格中行之间的边框变得可见，如下所示预计。

以上是如何为 HTML 表格中的每一行添加底部边框？的详细内容。更多信息请关注PHP中文网其他相关文章！