table 添加表行的底部边框、定制表格边框

关注

转载最新推荐文章于 2026-08-22 14:49:17 发布 399 阅读 AI 写同款· GEO 优化 ›

我已经3×3的表格需要一种方法来添加边框的底部具有特定颜色中的每一行<tr>首先，我试图直接的方式，是

<tr style="border-bottom:1pt solid black;">

但没有奏效。所以我说的CSS 这样

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

仍然没有工作。我宁愿CSS的话，我不需要添加样式每一行中。我还没有添加border属性的<table>。我希望它不会影响我的CSS。
本文地址：CodeGo.net/440298/
-------------------------------------------------------------------------------------------------------------------------
1. 我以前碰到这样的问题。我不认为tr可直接乘坐边框建模。我的解决方法是在样式tdS中的行：

<tr class="border_bottom">

CSS：

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

2. 加border-collapse:collapse你的表的规则：

table { 
 border-collapse: collapse; 
}

链接
3. 显示该行作为一个块。

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

并简单地交替显示的颜色：

tr.oddrow {
 display: block;
 border-bottom: 1px solid #F00;
}

4. 使用border-collapse:collapse作为森写道，你需要设置

td
 { border-bottom: 1px solid #000; }

5. 我发现TD的缝隙之间的空间形成了边境，但没有恐惧...... 解决此问题的方法：

<tr>
 <td>
  Example of normal table data
 </td>
 <td class="end" colspan="/* total number of columns in entire table*/">
  /* insert nothing in here */ 
 </td>
</tr>

用CSS：