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

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