html制作多级手风琴

制作多级手风琴可以通过 HTML 和 CSS 来实现。下面是一个示例代码，你可以参考一下：

HTML:

<div class="accordion">
  <div class="accordion-item">
    <div class="accordion-header">一级菜单</div>
    <div class="accordion-content">
      <div class="accordion">
        <div class="accordion-item">
          <div class="accordion-header">二级菜单</div>
          <div class="accordion-content">
            <p>这是二级菜单内容</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <div class="accordion-header">一级菜单</div>
    <div class="accordion-content">
      <p>这是一级菜单内容</p>
    </div>
  </div>
</div>

CSS:

.accordion {
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.accordion-item {
  border-top: 1px solid #ccc;
}

.accordion-header {
  background-color: #f1f1f1;
  color: #333;
  cursor: pointer;
  font-weight: bold;
  padding: 10px;
}

.accordion-header:hover {
  background-color: #ddd;
}

.accordion-content {
  padding: 10px;
}

上面的代码实现了一个两级手风琴，如果需要更多的级别，可以仿照此代码添加层级。需要注意的是，每个菜单项的内容部分应该包含一个新的 `.accordion` 元素以实现嵌套效果。