html - 我的 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>

标签： htmlcssbackground-color

Answer 1

背景颜色应该是可见的，如果不是，那么链接 css 文件可能存在一些问题。

我在 a 中添加了样式，<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>