css中怎么设置导航栏

.nav {
  display: flex; /* 设置容器为弹性布局 */
  justify-content: space-between; /* 设置水平对齐方式为两端对齐 */
  align-items: center; /* 设置垂直对齐方式为居中对齐 */
  background-color: #eee; /* 设置背景颜色 */
  height: 50px; /* 设置高度 */
  padding: 0 20px; /* 设置内边距 */
} 

<div class="nav">
  <a href="#">首页</a>
  <a href="#">产品中心</a>
  <a href="#">新闻动态</a>
  <a href="#">联系我们</a>
</div> 

.nav a {
  color: #666; /* 设置字体颜色 */
  text-decoration: none; /* 去掉下划线 */
  margin: 0 10px; /* 设置外边距 */
}