这是我制作的带有链接的导航栏。我希望悬停时黑色背景不会移动...
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
width: 40%;
}
li {float: left;}
li a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
li a:hover {font-size: large;}<body>
<nav>
<ul>
<li> <a href="#Home"> Home </a> </li>
<li> <a href="#Articles"> Articles </a> </li>
<li> <a href="#About us"> About us </a> </li>
</ul>
</nav>
</body>