0

誰かがここで私を助けてくれるかどうか疑問に思っています。私がやろうとしているのは (醜いことですが)、サイトのナビゲーション バーに 2 つの背景色を追加することです。基本的に、青色の背景が必要な項目を除いて、すべてのリスト項目は赤色の背景になります。1 つの長い背景画像を使用してこれを解決しようとしましたが、Chrome と Firefox の間でテキストの配置が変更されたため、クロス ブラウザーでは機能しませんでした。

すべての要素に赤い背景を与えることができる方法があるかどうか疑問に思っていますが、おそらくスパンまたは何かを使用して、青い背景にしたいナビゲーションの単一の要素を選択しますか?

これは私が達成しようとしているものです（私が知っている信じられないほど醜いと言ったように）

2 色のナビゲーション

誰かが私に与えることができるアイデアや助けは本当に素晴らしいでしょう

ありがとう！

4

3 に答える 3

1

デモ

<nav>
  <ul>
    <li><a href="#">Samples</a></li>
    <li><a href="#">Testimonials</a></li>
    <li><a href="#" class="active">Contact</a></li>
  </ul>
</nav>


nav ul{
  list-style:none;
}
nav a{
  display:block;
  float:left;
  padding:10px 20px;
  background:red;
  color:#fff;
  text-decoration:none;
}
nav a.active, nav a:hover{
  background: blue;
}
于 2013-11-01T12:49:48.883 に答える
0

静的な青色のアイテムには、DRP96 が推奨する CSS を使用してください。

.bluemenu
{ 
    background: blue; 
}

他の項目についても同じことを行いますが、赤:

.redmenu
{ 
    background: red; 
}

赤いメニューの上にカーソルを置いたときにそのメニューを青くするには、次を使用できます。

A:hover
{ 
    background: green; 
}

(上記のフラグメントの「A」を、メニュー項目に使用するオブジェクトに置き換えます。これは、redmenu および bluemenu クラスを適用する項目と同じにする必要があります)

于 2013-11-01T12:42:06.283 に答える