Html 导航栏背景色css

我尝试更改活动导航栏的背景色。我试过了，但没有成功，我需要CSS代码来更改背景颜色

.nav-pills.nav-link.active、.nav-pills.show>.nav-link{
颜色：#fff；
背景色：#0A0A！重要；
}

.主动{
背景：#您喜欢的彩色HEXCODE；
}

---

希望这能帮助您回答您的问题。

到目前为止，您在设置背景色方面做了哪些尝试？如果您希望得到帮助，请与我们分享您当前的CSS，因为在我们的帮助下，

上的背景色应该可以工作。

活动的背景色应该可以工作，即使它是一个内联元素，并且只占用它所需的空间。如果希望它占用其父级（

li

）的空间，则需要将

display:block

添加到

nav链接中
<style>
.active{
background:#yourPreferedColorHexCode;
}

</style>

<div id="info">
          <ul class="nav nav-pills nav-justified">
            <li class="nav-item">
              <a class="nav-link active" href="#">Siaga Banjir</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Data Harian</a>
            </li>
          </ul>
        </div>