如何為 HTML 表格的每一行新增底部邊框？

在表格行中新增邊框

使用 HTML 表格時，您可能會遇到需要在每行底部新增邊框的情況。然而，嘗試使用內聯樣式或直接 CSS 規則來實現此目的可能會無效。

為了實現這種預期效果，將 border-collapse:collapse 屬性合併到 CSS 中至關重要。此屬性折疊了相鄰單元格之間的共享邊框，從而產生更清晰、更結構化的表格佈局。透過將此屬性套用至表格規則，底部邊框的 CSS 規則將如預期生效。

範例：

table {
  border-collapse: collapse;
}

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

這將確保每個表格中的行底部有黑色實心邊框，增強了表格資料的視覺吸引力和組織性。

以上是如何為 HTML 表格的每一行新增底部邊框？的詳細內容。更多資訊請關注PHP中文網其他相關文章！