如何為 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中文網其他相關文章！