向表格行底部添加边框
尝试向每个表格行底部添加纯黑色边框时遇到问题(
要纠正这个问题,请合并 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中文网其他相关文章!