Html 我的a元素在未链接的字母周围有边框

出于某种原因，链接的字母上方和下方有一条细线无法正常工作。我已经试过了，也研究过类似的问题，但到目前为止还没有解决任何问题。我对网站设计还比较陌生，所以我很抱歉我的网站设计太草率，但这里是代码

.nav-ul{
填充：0px 18px；
显示：块；
}
.导航a{
填充：8px 18px；
边框：2个实心#eeeeee；
边界半径：8px；
光标：指针；
背景色：#000000；
显示：块；
}
李{
显示：内联块；
}
a{
文字装饰：无；
}
/*我不想在任何链接上添加文字装饰*/

删除边框。将css更改为：

.nav a {
    padding: 8px 18px;
    border: none; /*changed*/
    border-radius: 8px;
    cursor: pointer;
    background-color: #000000;
    display: block;
}

---

我想你说的是

文本装饰

.nav a {
    padding: 8px 18px;
    /*border: 2px solid #eeeeee;*/
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    background-color: #000000;
    display: block;
    }

---

希望这对你有用。您还会注意到，我已经注释了

border:2px solid#eeeeee。您可能在谈论这些行吗？
刚刚添加了文本装饰


.nav-ul{
填充：0px 18px；
显示：块；
}
.导航a{
填充：8px 18px；
边框：2个实心#eeeeee；
边界半径：8px；
光标：指针；
背景色：#000000；
显示：块；
文本装饰：无；//已添加此
}
李{
显示：内联块；
}







这是你的2px
边框
你真正需要的，你能更具体一点吗？在什么字母上面画一条细线吗？我希望保持边框的风格，但即使我将其移动到li元素，也无法解决问题。此外，我忽略了发布它，但在样式表的一个单独部分中，我使所有a元素都具有文本装饰：无；我将把这一点补充到问题中。