Html 如何更改悬停时链接周围的背景色区域

我已经在悬停上设置了背景色，但它显示在链接上，如图所示：

如何正确对齐链接周围的背景色？我使用的是高度和宽度，但它改变了链接的位置，而不是背景色

链接的CSS：

.navbar-custom .navbar-nav > li > a {  
   color : #44546a ;  
   display: inline-block;
   vertical-align : middle ;
   margin-top : 20px ;
   padding-bottom : 0px;
   font-weight : bold ;               
}

.navbar-custom .navbar-nav > li:hover > a {
   background-color : #00a0b7 ;
   color :    white   ;
   height : ?????? ;
   width  : ??????? ;
}

---

有了bootstrap，你就可以做到这一点

.navbar-custom .navbar-nav > li > a {  
color : #44546a ;  
display: inline-block;
vertical-align : middle ;
font-weight : bold ;
}

.navbar-custom .navbar-nav > li:hover > a{
background-color : #00a0b7 ;
color :    white   ;
}

---

示例：

尝试使用您需要的内容

.navbar ul li{
颜色：#44546a；
显示：内联块；
字体大小：粗体；
}
navbar ul li a.先生{
填充物：5px；
}
navbar ul li：：之后{
内容：“|”；
}
navbar ul li a:悬停{
背景色：#0095ff；
文字装饰：无；
颜色：白色；
}

家
公司

链接类{颜色：红色；} linkClass:hover{color:blue；}

---

您的

填充/边距显然有问题。请发布您所有的
navbar css代码
，以便我们了解您的错误之处