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>

私はそれを変更する方法を調べましたが、それは私にツイッターについてのことしか与えませんでした。ページ全体の色ではなく、ナビゲーションバーの色を変更する方法を知りたいだけです。

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プロパティ、またはテキストの色を変更するためのcolorです。

于 2013-03-16T19:50:34.040 に答える
0

ナビゲーションバー自体の背景色を変更するには、これを.navクラスに追加します。

background-color:#002d60;

colorpicker.comのようなものを使用して、色の16進コードを見つけることができます。代わりに、ナビゲーションバーのテキストの色を変更する場合は、次のcolorようなプロパティを追加します。

color:#003d60;

これらの両方のインスタンスで、を使用することもrgba(n,n,n,n)、赤-緑-青rgb(n,n,n)またはhsl(n,n,n)色相-彩度-明度の値で色を選択することもできます。

于 2013-03-16T19:52:51.793 に答える