gpt4 book ai didi

html - CSS 菜单移动悬停时留下的链接

转载 作者:行者123 更新时间:2023-11-28 12:46:24 25 4
gpt4 key购买 nike

我有这个 CSS:

#menu {
float:right;
}
#menu > ul > li {
display:inline;
float:left;
color:#FFFFFF;
margin-right:20px;
padding:5px;
text-decoration:none;
font-size:20px;
}
#menu > ul > li > a:hover {
background-color:#CCC;
}

和这个 HTML:

<div id="menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Home</a></li>
<li><a href="">Home</a></li>
<li><a href="">Home</a></li>
<li><a href="">Home</a></li>
<li><a href="">Home</a></li>
</ul>
</div><!-- menu -->

但是当我将鼠标悬停在链接上时,链接会向左移动 - 有什么想法吗?

最佳答案

试试这个 CSS:

#menu {
float:right;
}
#menu > ul > li {
display:inline;
float:left;
color:#FFFFFF;
margin-right:20px;
padding:5px;
text-decoration:none;
font-size:20px;
}
#menu > ul > li > a:hover {
display:inline;
float:left;
color:#CCC;
margin-right:20px;
padding:5px;
text-decoration:none;
font-size:20px;
}

关于html - CSS 菜单移动悬停时留下的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17332617/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com