htmlcss图片下面导航栏

你可以使用HTML和CSS创建一个图片下面的导航栏。

首先，先在HTML中创建一个包含图片和导航栏的容器：

<div class="container">
  <img src="your-image-url.jpg" alt="Your Image">
  <nav>
    <ul>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
    </ul>
  </nav>
</div>

然后，在CSS中设置容器的样式，并使导航栏横向排列：

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

nav {
  display: flex;
  justify-content: center;
}

ul {
  list-style: none;
  display: flex;
}

li {
  padding: 0 10px;
}

a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

这样，你就可以创建一个图片下面的导航栏了。你可以根据自己的需要进行样式的修改。