更改导航栏的背景颜色

Question

我想更改导航栏的背景颜色。 是否可以使用background-color ？ 我试过这个，但它似乎不起作用。

这是代码片段：

<div class="navbar navbar-inverse navbar-fixed-top">
    <ul id="login_signup">
        <li><a href="#login" id="login_link">Login <span>&#x25c0;</span></a></li>
        <li><a href="#" id="sign_link">SignUp <span>&#x25c0;</span></a></li>
    </ul>
</div>

Answer 1

非常简单地做

.navbar-inverse{
  background-color:green;
}

或者你想要的任何颜色

这是一个小提琴Fiddle Demo

Answer 2

试试这个 css 代码：

 ul { list-style-type: none; margin: 0; padding: 0; width: 200px; background-color: #f1f1f1; } li a { display: block; color: #000; padding: 8px 16px; text-decoration: none; } /* Change the link color on hover */ li a:hover { background-color: #555; color: white; }

 <!DOCTYPE html> <html> <body> <div class="navbar navbar-inverse navbar-fixed-top"> <ul id="login_signup"> <li><a href="#login" id="login_link">Login <span>&#x25c0;</span></a></li> <li><a href="#" id="sign_link">SignUp <span>&#x25c0;</span></a></li> </ul> </div> </body> </html>

或也使用此 css：

.navbar{background-color:#f1f1f1 !important;}

更改导航栏的背景颜色

问题描述

2 个解决方案

解决方案1
1 已采纳 2017-01-25 03:39:56

解决方案2
0 2017-01-25 03:35:43

更改导航栏的背景颜色

问题描述

2 个解决方案

解决方案1 1 已采纳 2017-01-25 03:39:56

解决方案2 0 2017-01-25 03:35:43

解决方案1
1 已采纳 2017-01-25 03:39:56

解决方案2
0 2017-01-25 03:35:43