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

在导航标签上放置一个 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 resdesign 来完成

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 回答