0

我将如何更改此代码中导航栏的颜色？

CSS

<style type="text/css">
body 
    {
      background-color:#454545;
      color:white;
      font-family:"Courier New";
      text-align:center;
    }
      a:link
    {
      color:white;
    }
      a:visited
    {
      color:white;
    }
      a:hover
    {
      color:white;
    }
      a:active
    {
      color:white;
    }
.nav
    {
      border:1px solid #ccc;
      border-width:1px 0;
      list-style:none;
      margin:0;
      padding:0;
      text-align:center;
    }
    .nav li{
    display:inline;
    }
.nav a
    {
    display:inline-block;
    padding:10px;
    }
h1
    {
      font-size:40;
    }
h2
    {
      font-size:27.5;
      text-decoration:underline;
    }
h3
    {
      font-size:20;
    }
p
    {
      font-size:12;
    }
    </style>

HTML

<li><a href="http://">Home</a></li>
<li><a href="http://">Youtube</a></li>
<li><a href="https://">Twitter</a></li>

我已经查找了如何更改它，但它只给了我关于 twitter 的信息。我只想知道如何更改导航栏的颜色而不是整个页面的颜色。

4

4 回答 4

0

为块添加背景.nav？

background: #FFDD00; //some color
于 2013-03-16T19:49:44.757 回答
0

添加这是 css 的右侧部分以着色某些元素。

background-color:#000;
于 2013-03-16T19:50:32.243 回答
0

没有看到所有代码或想要的效果很难判断，但 background-color 是您想要更改背景的 CSS 属性，或用于更改文本颜色的颜色。

于 2013-03-16T19:50:34.040 回答
0

要更改导航栏本身的背景颜色，请将其添加到.nav类中：

background-color:#002d60;

您可以使用colorpicker.com 之类的东西来查找颜色十六进制代码。如果您想更改导航栏中文本的颜色，请添加color如下属性：

color:#003d60;

对于这两种情况，您还可以使用rgba(n,n,n,n),rgb(n,n,n)甚至hsl(n,n,n)选择具有红-绿-蓝或色相-饱和度-亮度值的颜色。

于 2013-03-16T19:52:51.793 回答