html导航栏制作横向

制作横向导航栏可以使用HTML和CSS实现。具体步骤如下：

1. 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>

2. CSS部分：

nav {
  background-color: #333; /* 导航栏背景色 */
  height: 50px; /* 导航栏高度 */
}

ul {
  list-style-type: none; /* 去掉列表标记 */
  margin: 0;
  padding: 0;
}

li {
  float: left; /* 左浮动 */
}

a {
  display: block; /* 将链接转换为块级元素 */
  color: white; /* 文字颜色 */
  text-align: center; /* 文字居中 */
  padding: 16px; /* 按钮内边距 */
  text-decoration: none; /* 去掉下划线 */
}

a:hover {
  background-color: #111; /* 鼠标悬停时的背景色 */
}

以上代码可以实现一个简单的横向导航栏。你可以根据需求进行样式调整。