编写一个类似于京东的商品页面导航栏

可以参考以下代码：

<div class="navbar">
  <a href="#">首页</a>
  <a href="#">服装</a>
  <a href="#">数码</a>
  <a href="#">家居</a>
  <a href="#">美妆</a>
  <a href="#">食品</a>
  <a href="#">母婴</a>
  <a href="#">运动</a>
  <a href="#">汽车</a>
  <a href="#">图书</a>
  <a href="#">服务</a>
</div>

然后可以通过 CSS 样式来美化导航栏，例如：

.navbar {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  padding: 10px 0;
}

.navbar a {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 15px;
}

.navbar a:hover {
  color: #ff6600;
}

通过上述 CSS 样式，可以使导航栏居中对齐，具有一定的间距和悬停效果，使页面更加美观。