Html 悬停时的彩色背景

我有一个30像素高的导航条。如何获取菜单项链接的背景色以填充悬停时导航栏的整个高度？我担心的是，如果屏幕大小或缩放不正确，我是否使用上/下填充

HTML

---

你是说如何给整个导航上色？给你

nav{
背景色：#333；
高度：30px；
宽度：100%；
}
导航ul{
列表样式：无；
}
李国荣{
显示：内联；
}
海军ulli a{
文字装饰：无；
}
导航ulli a：悬停{
左侧填充：10px；
右边填充：10px；
}
导航：悬停{
背景颜色：蓝色；
}

您需要将

a

元素设置为全高，并使用悬停元素

nav ul li a {
    height: 30px; /* or 100% */
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
}

这应该可以解决问题。

添加以下内容：

nav ul li a {
    height: 30px;
    line-height: 30px;
}

---

从

nav

Sweet中删除

height

！甚至不知道可以在“a”中指定高度属性。谢谢除非它是

内联块

元素（或

块

，但这里不需要）。默认情况下，

a

是

inline

元素，因此设置显示类型。

nav ul li a {
    height: 30px; /* or 100% */
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
}

nav ul li a {
    height: 30px;
    line-height: 30px;
}