1

私のウェブサイトにはトップドロップダウンナビゲーションがあり、背景色を変えたいと思っています。私のウェブサイトの背景の色は灰色ですが、タブの部分だけを (例) 白にしたいと思っています。

背景色の CSS は次のとおりです。

body{
    background-color:#D0D0D0; margin-right:10%; margin-left:10%; margin-top:0%;
}

ページの残りの部分を同じに保ちながら、ドロップダウン ナビゲーションの背景を白にしたいと考えています。私のドロップダウンは header.php ファイルにあり、次に参照されます。

私のナビゲーションHTMLは次のとおりです。

<center><nav>
<ul>
    <li><a href="/">Home</a></li>
    <li><a href="/arcade">Arcade</a>
        <ul>
            <li><a href="/arcade/action">Action</a></li>
            <li><a href="/arcade/arcade">Arcade</a></li>
            <li><a href="/arcade/puzzle">Puzzle</a></li>
            <li><a href="/arcade/vehicle">Vehicle</a></li>
            <li><a href="/arcade/violence">Violence</a></li>
            <li><a href="/arcade/defense">Defense</a></li>
            <li><a href="/arcade/rpg">RPG</a></li>
        </ul>
    </li>
    <li><a href="">Watch</a>
        <ul>
            <li><a href="/watch/tv">TV Shows</a></li>
            <li><a href="/watch/movies">Movies</a></li>
        </ul>
    </li>
    <li><a href="">Extras</a>
        <ul>
            <li><a href="/reviews">Reviews</a></li>
            <li><a href="/news">Updates</a></li>
        </ul>
    </li>
    <li><a href="/support">Support</a></li>
</ul>

もちろん、私の CSS はこの header.php のスタイルを設定します。

これは私のウェブサイトです。

前もって感謝します！

4

3 に答える 3

1

CSS を次のように変更します。

nav {
    background-color: #fff;
    margin: 0px -12.5%;
}

次の結果が得られます。

ここに画像の説明を入力

このソリューションに満足できない場合は、HTML を変更する必要があります。

于 2013-10-01T22:38:18.507 に答える
0

nav タグに id を付けて、css でメニューのスタイルを設定します。

HTML:

<nav id='nav'> 
    // menu
</nav>

CSS:

#nav {
    background-color: 'white';
}
于 2013-10-01T22:36:26.977 に答える
0

ナビの背景を白に設定するだけでいいと思います..

あなたのCSSで：

nav { background-color:#fff; }

全幅の拡張: HTML の再設計でも可能

HTML

<body>
    <nav>
         <!-- nav code -->
    </nav>
    <div id="container">
         <!-- all of the rest of your code -->
    </div>
</body>

CSS

body { }
nav { background-color:#fff; }

#container { 
    background-color:#D0D0D0;
    margin:0px 10%; 
}
于 2013-10-01T22:37:39.687 に答える