我的 div 的背景颜色不起作用

Question

我想让我的元素有背景 #22223b，但我的代码不起作用。

.nav {
  background-color: #22223b;
}

<div class="header">
  <div class="nav">
    <ul>
      <li> <a href="index.html">Home</a> </li>
      <li> <a href="#">About Us</a> </li>
      <li> <a href="#">Start Learning</a> </li>
    </ul>
  </div>

  <div class="account">
    <ul>
      <li> <a href="#">Profile</a> </li>
      <li> <a href="#">Portal</a> </li>
    </ul>
  </div>

Answer 1

背景色应该可见，如果不可见，则链接 css 文件可能有问题。

我在 <style> 中添加了样式，因此无需 css 文件即可应用样式。

<div class="nav">
  <ul>
    <li> <a href="index.html">Home</a> </li>
    <li> <a href="#">About Us</a> </li>
    <li> <a href="#">Start Learning</a> </li>
  </ul>
</div>
<div class="account">
  <ul>
    <li> <a href="#">Profile</a> </li>
    <li> <a href="#">Portal</a> </li>
  </ul>
</div>

<style>
  .nav {
    background-color: #22223b;
  }
</style>

我的 div 的背景颜色不起作用

My background color for my div is not working

html

css

background-color