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;
}

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

想要设置菜单项的背景颜色

1 个答案: