菜單背景色不起作用

Question

我的css3菜單似乎不顯示紅色背景。我無法弄清楚爲什麼。

#nav{ 
background-color:red; 
height:40px; 
width: 550px; 
} 
ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
font-size: 20px; 
} 
ul li{ 
color:silver; 
} 

爲CSS，這裏是我的代碼

<div class="menu"> 
    <ul> 
     <li>Seneda</li> 
    </ul> 
</div> 
<h1>Create Your Account</h1> 

我想不出什麼我失蹤使它工作

Answer 1

您沒有設置任何地方#nav在你的HTML代碼中。

<div class="menu"> 
<ul id="nav"> 
    <li>Seneda</li> 
</ul> 
</div> 
<h1>Create Your Account</h1> 

Answer 2

你可以嘗試這樣的

<div class="menu"> 
    <div id="nav"> 
    <ul> 
     <li>Seneda</li> 
    </ul> 
    </div> 
</div> 
    <h1>Create Your Account</h1> 

演示JSFIDDLE