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代码：

＆＃13;

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

＆＃13;

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

＆＃13;

或使用此css：

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

更改导航栏的背景颜色

2 个答案: