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