CSS:尝试使悬停框向上移动

CSS:尝试使悬停框向上移动,css,menu,hover,Css,Menu,Hover,嗨,我正在尝试为菜单添加一个红色的悬停框。问题是,悬停框显示在菜单行下方。我试图让悬停框向上或向上移动一点。 图片: CSS: (我正在学习CSS,所以不是专业人士。请帮助!:)试试这个 删除: height:70px; …并添加: display: block; 尝试删除高度和底部填充 #菜单ul a:悬停{ 颜色:#ffffff; 背景色:#F48A8A!重要; 边框颜色:#F48A8A!重要; 填充:5px/*在文本周围留出一些空间*/ }可以使用give-us-jsfiddle。。

嗨,我正在尝试为菜单添加一个红色的悬停框。问题是,悬停框显示在菜单行下方。我试图让悬停框向上或向上移动一点。 图片:

CSS:


(我正在学习CSS,所以不是专业人士。请帮助!:)

试试这个

删除:

height:70px;
…并添加:

display: block;

尝试删除高度和底部填充

#菜单ul a:悬停{
颜色:#ffffff;
背景色:#F48A8A!重要;
边框颜色:#F48A8A!重要;
填充:5px/*在文本周围留出一些空间*/

}
可以使用give-us-jsfiddle。。没有悬停的css是什么。为什么使用高度:70px;为了悬停?你想让悬停链接更长吗?用JSFIDLE显示你的代码,这样我们可以帮助你
display: block;