-1

これは私を夢中にさせています。これに関する他の質問のすべての提案を試しましたが、うまくいきません。

ナビゲーション バーの背景色を変更する必要があります。エディター セクション (Wordpress) で CSS を変更したくありません。CSSの編集セクションでそれを成し遂げようとしています。

#nav {
    position: relative;
    left: -90px;
}

nav > ul {margin: 40}

これは私がこれまでに持っていたものです（これは機能しており、必要なナビゲーションバーを中央に配置し、ヘッダーとナビゲーションバーの間にマージンを置きました）。背景の色を変更するためにこれに追加できるものはありますか (そして、フォントの色も変更する必要があります..)

4

3 に答える 3

0

えっと、こういうことですか？

CSS:

#nav {
    position: relative;
    left: -90px;
    background-color: #7777777; /*Whatever color you want goes here, but in Hexadecimal form*/
}

そして、フォントの色について:

#nav {
    position: relative;
    left: -90px;
    background-color: #7777777; /*Whatever color you want goes here, but in Hexadecimal form*/
    color: #1122cc; /*The color of your font also goes here, but in hexadecimal form*/
}

詳細については、次のリンクを参照してください。

http://www.w3schools.com/cssref/pr_background-color.asp http://www.w3schools.com/cssref/pr_text_color.asp

色：

http://www.w3schools.com/cssref/css_colors.asp http://www.w3schools.com/cssref/css_colornames.asp

于 2013-09-25T04:17:43.630 に答える
0

この HTML の場合 (追加された「アクティブな」クラスを表すために、各ナビゲーション項目を複製しました)

<nav>
  <ul>
    <li class="blue"><a href="#">Normal</a></li>
    <li class="green"><a href="#">Normal</a></li>
    <li class="red"><a href="#">Normal</a></li>
    <li class="blue active"><a href="#">Active</a></li>
    <li class="green active"><a href="#">Active</a></li>
    <li class="red active"><a href="#">Active</a></li>
  </ul>
</nav>

この CSS を使用します (CSS クラスが連鎖していることに注意してください。例: .blue.active)

于 2013-09-25T04:18:03.523 に答える
0

色を変える方法をご紹介します。画像または css を使用してグラデーションを使用することもできます。

#nav {
    position: relative;
    left: -90px;
background-color: #336699; // change #000088 (blue) for the color your want
color: #FFFFFF; // change #FFFFFF (white) for the color you want.

}

カラーピッカーを使用して、必要な色を取得できます。

于 2013-09-25T04:20:52.083 に答える