html - 想设置我的菜单项的背景颜色

Question

这是我的 HTML 代码：

<nav id="nav">
 <ul>
  <li>
   <a href="#"> Home </a>
  </li>
  <li>
   <a href="#"> About Us </a>
  </li>
  <li>
   <a href="#"> Photos </a>
  </li>
  <li>
   <a href="#"> Contact </a>
  </li>
 </ul>
</nav> 

我应该用什么代码来改变它的背景颜色？

Answer 1

您的问题没有提供几乎足够的信息。但是，从您的项目符号列表中，我可以假设您正在使用和/或

标签，像这样：

<ul>
   <li>Home</li>
   <li>About Us</li>
   <li>Photos</li>
   <li>Contact</li>
</ul>

为元素背景着色的最有效方法是使用 CSS 样式。在 CSS 文件中，您将需要使用选择器来选择

您的 .

ul li {
  background-color:blue;
}

此 CSS 代码将更改每个元素的背景颜色。但是，如果您有多个列表并且不希望它们都具有蓝色背景，则必须在 HTML 文件中提供一个类。

<ul class="nav">
   <li>Home</li>
   <li>About Us</li>
   <li>Photos</li>
   <li>Contact</li>
</ul>

然后在您的 CSS 代码中，您将能够直接定位“nav”类。

#nav li {
  background-color:blue;
}

希望这可以帮助。将来，请提供有关您的代码和问题的更多详细信息。