设置一个好看的横向导航栏

好的，下面是一个简单的 HTML 和 CSS 示例，演示如何创建一个好看的横向导航栏。

HTML 代码：

<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">产品中心</a></li>
    <li><a href="#">新闻中心</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</nav>

CSS 代码：

nav {
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

a {
  color: #333;
  text-decoration: none;
  padding: 10px;
}

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

在上述代码中，我们使用 `nav` 标签来表示导航栏，使用 `ul` 和 `li` 标签来创建一个无序列表，并使用 `a` 标签来创建链接。

在 CSS 部分，我们设置背景颜色、下边框、字体颜色、间距等样式。当鼠标悬停在链接上时，会有背景色和字体颜色的变化，以提高用户体验。

您可以根据需要自行修改样式，例如修改颜色、字体、布局等，以创建一个符合自己需求的横向导航栏。