HTML中的導航欄是網站設計的重要組成部分，而下拉菜單是很常見的一個設計，通過CSS可以輕松實現。本文將通過一個簡單的例子，教你如何制作一個帶有下拉菜單的導航欄。 首先，讓我們先看一下這個導航欄的HTML代碼：

<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">產品</a>
<ul class="dropdown">
<li><a href="#">產品1</a></li>
<li><a href="#">產品2</a></li>
<li><a href="#">產品3</a></li>
</ul>
</li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

我們使用了HTML5中的