<分区>
我刚开始学习html和css。我在编码时遇到了这个问题。列表项的填充仅在其处于悬停状态时才可见。 我希望它一直出现。
我已经尝试并设法生成了以下代码:
* {
margin: 0;
padding: 0;
}
#navbar {
background: black;
display: flex;
}
#g {
display: flex;
}
#g li {
list-style: none;
}
#g li a {
text-decoration: none;
color: white;
padding: 20px;
}
#g li a:hover {
background: red;
}
#g li:first-child {
margin-left: 50px;
}
<nav id="navbar">
<ul id="g">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</nav>