Html 引导表压缩表悬停，上边框不显示

我正在使用自定义css和外边框引导。但顶部边框不可见，除非我将其大小设置为2像素

我怎样才能解决这个问题

HTML

我想要一张1px#4C7ED1的外桌边 除了顶部，它在所有侧面都可见，我如何修复它

谢谢

深入研究DOM，您会注意到，

的border-top属性为

1px-solid\ddd

。您只需在第一个

中选择

，然后应用所需的边框

最终，这意味着要在CSS中添加以下内容：

.border tr:first-child td {
    border-top: 1px solid #4C7ED1;
}

深入研究DOM，您会注意到，

的border-top属性为

1px-solid\ddd

。您只需在第一个

中选择

，然后应用所需的边框

最终，这意味着要在CSS中添加以下内容：

.border tr:first-child td {
    border-top: 1px solid #4C7ED1;
}

---

使用

border:1px double#4C7ED1而不是
边框：1px实心#4C7ED1

这里有一个使用
边框：1px双#4C7ED1而不是
边框：1px实心#4C7ED1

这是一个
您应该将标签中的第一个表更改为
AD
，如下所示：

<table class="table table-condensed table-hover border"> 
<thead><td>#</td><td><strong>name</strong></td></thead>
<tr><td>1.</td><td>one</td></tr>
<tr><td>2.</td><td>two</td></tr>
<tr><td>3.</td><td>three</td></tr>
<tr><td>4.</td><td>four</td></tr>
</table>


#名称
1.1
2.2
3.3
4.4

然后您将拥有表的上边框，现在您可以修改此元素的css规则

您应该将标记内的第一个表更改为
thead
，如下所示：

<table class="table table-condensed table-hover border"> 
<thead><td>#</td><td><strong>name</strong></td></thead>
<tr><td>1.</td><td>one</td></tr>
<tr><td>2.</td><td>two</td></tr>
<tr><td>3.</td><td>three</td></tr>
<tr><td>4.</td><td>four</td></tr>
</table>


#名称
1.1
2.2
3.3
4.4

然后您将拥有表的上边框，现在您可以修改此元素的css规则

在bootstrap 4中，为了保持一致性，类
表压缩
重命名为
表sm


参考：
在bootstrap 4中，为了保持一致性，类
表压缩
重命名为
表sm


参考：