如何将导航栏中的文字居中放大，不与背景颜色相同给出html，css代码

好的，以下是一个简单的HTML和CSS代码，用于创建一个具有居中放大文本和不同背景颜色的导航栏：

HTML代码：

<nav>
  <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>
</nav>

CSS代码：

nav {
  background-color: #333;
  height: 50px;
  text-align: center;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

li {
  display: inline-block;
  margin: 0 20px;
}

a {
  display: block;
  padding: 15px 20px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  background-color: #fff;
  color: #333;
}

在上面的代码中，我们将导航栏设置为具有黑色背景，并在其中包含一个无序列表。我们使用text-align属性将列表居中对齐，并使用display:inline-block属性将列表项放在同一行上。我们为每个链接应用了样式，包括字体大小和颜色，并使用transition属性创建了一个平滑的悬停效果。最后，我们使用:hover伪类将链接的背景颜色和文本颜色进行反转，以突出其悬停状态。