菜单背景颜色不起作用

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

您尚未在HTML代码中的任何位置设置#nav。

<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