div和css实现 帮助中心 | 服务支持 | 售后服务 |关于我们 | 友链按 这样的样式

可以使用以下 HTML 和 CSS 代码实现：

HTML代码：

<div class="nav">
  <a href="#">帮助中心</a>
  <a href="#">服务支持</a>
  <a href="#">售后服务</a>
  <a href="#">关于我们</a>
  <a href="#">友情链接</a>
</div>

CSS代码：

.nav {
  display: flex; /* 将元素排列成一行 */
  justify-content: space-between; /* 将元素均匀分布在行中 */
  background-color: #f5f5f5; /* 设置背景色 */
  padding: 10px; /* 设置内边距 */
}

.nav a {
  text-decoration: none; /* 去掉链接默认的下划线 */
  color: #333; /* 设置链接颜色 */
  font-size: 14px; /* 设置字体大小 */
}

.nav a:hover {
  color: #f00; /* 设置鼠标悬停时的链接颜色 */
}

以上代码会将链接排列成一行，并且每个链接之间会有一定的间距，同时鼠标悬停在链接上时链接文字会变成红色。