Question

我希望对主导航菜单中的某些选项进行下拉，但是我尝试的任何方法似乎都无效。当前的HTML没有下拉列表：

<center>
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/"><b>Home</b></a></li>
   <br />
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/p/about-me.html"><b>About</b></a></li>
   <br />
   <li><a href="http://www.latoyah.co.uk/p/contact-me.html"><b>Contact</b></a><br /></li>
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/p/slimming-world-recipes.html"><b>Slimming Recipes</b></a></li>
   <br />
   <li style="font-weight: normal;"><a href="https://www.latoyah.co.uk/p/slimming-meal-plans.html"><b>Meal Plans</b></a></li>
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/p/lifestyle.html"><b>Lifestyle &amp; Reviews</b></a></li>
</center>

Answer 1

要使用HTML创建下拉菜单，请遵循以下表格

导航菜单

<ul>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
</ul>

带下拉菜单的导航菜单

<ul>
  <li>
    <a href="#">Dropdown Menu</a>
    <ul>
      <li><a href="#">Dropdown Item</a></li>
      <li><a href="#">Dropdown Item</a></li>
      <li><a href="#">Dropdown Item</a></li>
    </ul>
  </li>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
</ul>

Answer 2

要创建下拉列表，您需要添加CSS并编辑代码。

您可以在此处查看-https://www.w3schools.com/howto/howto_js_responsive_navbar_dropdown.asp

如何在顶部导航菜单中为博客创建下拉菜单

2 个答案: