如何更改导航ul li的颜色？

要更改导航ul li的颜色，可以使用CSS来实现。以下是一个示例的代码：

<!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
</style>
</head>
<body>

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">Contact</a></li>
</ul>

</body>
</html>

这段代码使用了CSS的样式来改变导航ul li的颜色。ul元素设置了背景颜色为#333，li元素设置为浮动左对齐。a元素设置了显示为块级元素，并且文字颜色为白色，有鼠标悬停效果时背景颜色变为#111。

对于更改导航的颜色，你可以根据实际需求修改CSS代码中的颜色数值，来实现不同的效果。