Html 为什么该代码不在导航栏下创建边框？

我想在导航条下有一个简单的薄边框，只有在我悬停的链接下才会有一点厚。我试着用下面的代码来做这件事，但由于某些原因它不起作用。我如何让它工作

#top-menu ul li a
{
    display: block;
    float: left;
    width: 80px;
    max-height: 15px;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
    font-size: 11pt;
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
    bottom-border: rgb(0,0,0) solid 2px;
}

#top-menu ul li a:hover
{
    bottom-border: rgb(0,0,0) solid 4px;
}

---

为导航栏提供2px的底部边框

为导航链接设置一个2倍的底部边框，并将其设置为透明或导航栏的颜色，这将使边框看起来不存在

将光标悬停在导航链接上时，更改导航链接边框颜色以匹配导航边框

---

这会给人这样的印象，那一个链接的边框更厚。

它是边框底部而不是底部边框。

你是不是在没有鼠标悬停的情况下得到2px边框？粘贴一些HTML代码。www.jsfiddle.net是一个分享代码的好方法。@Gendarme更好的方法是包含一个可执行代码片段。现在我希望我死了：D这是ultra-LOL。但是我是html和css的初学者，所以现在还不能自杀：PNah，别担心，这些事情发生了：