html - 导航栏背景颜色 css

标签 html css navbar nav

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 3 年前

我尝试更改事件导航栏药丸的背景颜色。我试过但没有用,我需要 CSS 代码来更改背景颜色

<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>

最佳答案

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0a0a0a !important;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div id="info">
    <ul class="nav nav-pills nav-justified">
      <li class="nav-item bg-danger">
        <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> 

关于html - 导航栏背景颜色 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57215047/

上一篇:html - 如何将复选框与其余文本框和复选框均匀间隔?

下一篇:html - 单击时从按钮中删除轮廓

相关文章:

html - 应用 yui reset + base 后更改 ul 样式

css - 哪个类包含 Bootstraps 折叠菜单样式

html - 使用 Bootstrap 我的导航栏在移动设备上太长

css - 如何实现 RTL bootstrap 4 导航栏?

php - 如何使整个表格单元格充当可点击的表单区域

java - 将 Browserfield.displayContent 与具有外部 url 的 <frame> 一起使用

php - 如何在 PHP 中回显 .html 文件的全部内容?

javascript - 将鼠标悬停在图像的一个点上,文本会出现在侧面

css - 我怎样才能使这种情况与正则表达式匹配?

css - Bootstrap 4 : NavBar move from the left