設置HTML的一個部分作爲一個不同的背景顏色

我有我的網站頂部的下拉導航，我想要的背景顏色是不同的。我的網站背景顏色是灰色的，而我想唯一的標籤部分是（前）白色。設置HTML的一個部分作爲一個不同的背景顏色

我的背景色的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。

This是我的網站。

在此先感謝！

來源

2013-10-01 Austin Bunker

這是非常不清楚你想要什麼。你想讓父母變白嗎？你希望它是白色的，只有當它是一個下拉列表，或你想要的下拉列表中的孩子是白色的......？ –

我想要標題中的所有內容（下拉導航）的背景顏色爲白色。所以，就像所有的頭文件一樣。從網頁的最頂端到GameShank標誌之上的所有內容。 –

更改CSS來此：

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

提供了以下結果：

enter image description here

如果你不滿意這個解決方案，你將需要修改HTML。

來源

2013-10-01 22:38:18

在導航標籤上放置一個id並在CSS上設置菜單的樣式。

HTML：

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

的CSS：

#nav { 
    background-color: 'white'; 
}

來源

2013-10-01 22:36:26

我敢肯定，你只需要設置導航背景爲白色..

在你的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-01 22:37:39

我做到了，它效果很棒！但是有沒有辦法將顏色擴展到我已經設定爲10％的邊緣？ –

已更新。你需要重新編碼你的HTML這一個。 –

設置HTML的一個部分作爲一個不同的背景顏色

回答

相關問題