html通过鼠标悬停出现下拉菜单

要实现鼠标悬停出现下拉菜单，可以使用HTML和CSS结合的方式。

首先，在HTML中创建一个列表，列表项中包含下拉菜单的内容，如下所示：

<ul>
  <li>选项1</li>
  <li>选项2
    <ul>
      <li>子选项1</li>
      <li>子选项2</li>
    </ul>
  </li>
  <li>选项3</li>
</ul>

然后，在CSS中设置下拉菜单的样式，包括默认隐藏、鼠标悬停时显示等状态，如下所示：

ul ul {
  display: none;
}

ul li:hover > ul {
  display: block;
}

以上代码中，设置了下拉菜单的默认状态为隐藏，即 `display: none;`，当鼠标悬停在包含下拉菜单的列表项上时，通过 `:hover` 伪类选择器，将下拉菜单的状态设置为显示，即 `display: block;`。

这样，当鼠标悬停在包含下拉菜单的列表项上时，下拉菜单就会出现了。