HTML導航欄是網頁中常見的元素之一，通過添加下拉菜單可以提供更多的選項供用戶選擇。下面是一種常見的實現方式：

在HTML中創建導航欄的基本結構，可以使用無序列表（

）和列表項（
• ）來實現。例如：

  在上面的代碼中，我們創建了一個導航欄，其中有四個列表項，其中第三個列表項包含一個下拉菜單。

  接下來，我們需要使用CSS來樣式化導航欄和下拉菜單。可以使用以下樣式：

  nav ul {

  list-style: none;

  margin: 0;

  padding: 0;

  nav li {

  display: inline-block;

  position: relative;

  nav a {

  display: block;

  padding: 10px;

  text-decoration: none;

  color: #000;

  nav .dropdown-menu {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  background-color: #fff;

  padding: 10px;

  nav .dropdown:hover .dropdown-menu {

  display: block;

  在上面的代碼中，我們使用了CSS選擇器來選擇導航欄和下拉菜單的元素，并設置了相應的樣式。其中，.dropdown:hover .dropdown-menu選擇器用于在鼠標懸停在下拉菜單的父元素上時顯示下拉菜單。

  將上述CSS樣式添加到HTML文件的