如何才能使边框仅显示在顶部？

Question

当我将鼠标悬停在顶部时，如何才能使边框显示在顶部？ 代码：

 a:hover {
    border-top: 3px white;
    border-style: solid;
 }

它使边框仍然出现在各个方面，但我希望它只出现在顶部。

Answer 1

a:hover {
border-top: 3px white;
border-style: solid;
border-bottom: 0px white;
border-right: 0px white;
border-left: 0px white;

} 固定它。现在只出现在顶部。 ：）

Answer 2

请尝试以下代码。

border-style: solid;
border-top: thick double green;
border-left:0;
border-bottom:0;
border-right:0;

我认为当你使用solid时，它会画出边界。上面的代码实际上将摆脱所有三方的边界，但不是顶部。

Answer 3

您也可以使用：

a:hover {border-top: 3px solid white; border-right: 0; border-bottom: 0; border-left: 0;}

如果您的链接的常规状态使用全部四个边框，则如果您只需要:hover上的顶部边框，请使用0作为右边框，左边框和左边框。