HTML導航欄是網(wǎng)頁中常見的元素之一，通過添加下拉菜單可以提供更多的選項供用戶選擇。下面是一種常見的實現(xiàn)方式：
在HTML中創(chuàng)建導航欄的基本結(jié)構(gòu)，可以使用無序列表（
- ）和列表項（
- ）來實現(xiàn)。例如：
在上面的代碼中，我們創(chuàng)建了一個導航欄，其中有四個列表項，其中第三個列表項包含一個下拉菜單。
接下來，我們需要使用CSS來樣式化導航欄和下拉菜單?？梢允褂靡韵聵邮剑?/p>
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選擇器來選擇導航欄和下拉菜單的元素，并設(shè)置了相應(yīng)的樣式。其中，.dropdown:hover .dropdown-menu選擇器用于在鼠標懸停在下拉菜單的父元素上時顯示下拉菜單。
將上述CSS樣式添加到HTML文件的