添加border-bottom到表行<tr>

我有一个3 × 3的表。我需要一种方法为每一行tr的底部添加边界，并给它一个特定的颜色。

首先，我尝试了直接的方式，即:

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

但这并没有起作用。所以我添加了这样的CSS:

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

但还是不管用。

我更喜欢使用CSS，因为这样我就不需要为每一行添加一个样式属性。我还没有添加一个边界属性到<表>。我希望这不会影响我的CSS。

当前回答

我试着加上

    table {
      border-collapse: collapse;
    }

与

    tr {
      bottom-border: 2pt solid #color;
    }

然后注释掉border-collapse，看看效果如何。只需要使用带有bottom-border属性的tr选择器就可以了!

没有边界CSS ex。

无边境照片直播

CSS边界前。

表与边境照片现场

2019-03-18 18:52:24

其他回答

无CSS边框底部:

<table>
    <thead>
        <tr>
            <th>Title</th>
        </tr>
        <tr>
            <th>
                <hr>
            </th>
        </tr>
    </thead>
</table>

2019-01-19 08:00:00

Use

table{border-collapse:collapse}
tr{border-top:thin solid}

将“thin solid”替换为CSS属性。

2015-12-28 19:34:19

你不能给tr元素加边框。这在firefox和IE 11中都适用:

<td style='border-bottom:1pt solid black'>

2017-08-31 18:37:20

使用border-collapse:折叠桌面和边框底部:1pt纯黑色;在电话里

2014-07-23 09:50:03

你也可以对整行做同样的处理。

有边界底部样式，边界顶部样式，边界左样式，边界右样式。或者简单的边框样式，同时应用于所有四个边框。

你可以在这里看到(并在网上尝试一下)更多细节

2016-08-17 16:48:12

添加border-bottom到表行<tr>

推荐文章

最新文章

标签