html菜单栏怎么做

  <title>HTML 菜单栏</title><nav><ul><li><a href="#">链接 1</a></li>      <li><a href="#">链接 2</a></li>      <li><a href="#">链接 3</a></li>    </ul></nav>

nav {  background-color: #eee;  padding: 10px;  width: 100%;}nav ul {  list-style-type: none;  display: flex;  justify-content: center;  align-items: center;}nav li {  margin: 0 10px;}nav a {  text-decoration: none;  color: #000;  font-weight: bold;}nav a:hover {  color: #666;}