CSS的下拉菜單，是網(wǎng)頁設(shè)計中經(jīng)常用到的一種元素，可以為頁面添加交互效果，增加用戶體驗。通過hover屬性可以使鼠標放上去時出現(xiàn)下拉菜單，下面是一個簡單的示例：

/* CSS樣式 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

上面的代碼中，我們首先定義了一個容器，它設(shè)置了相對定位，并使用了display:inline-block，使內(nèi)容垂直于其它元素展示。接著，我們定義了一個下拉菜單，它設(shè)置了絕對定位，z-index為1，使其永遠處于容器之上。

在:hover偽類下，我們將.dropdown-content設(shè)置為display:block，當鼠標懸停在.dropdown上時，下拉菜單就會顯示。

下拉菜單的內(nèi)容，可以隨意設(shè)計，這里只給出一個簡單示例：

/* HTML結(jié)構(gòu) */
<div class="dropdown">
<a href="#">下拉菜單</a>
<div class="dropdown-content">
<a href="#">菜單項1</a>
<a href="#">菜單項2</a>
<a href="#">菜單項3</a>
</div>
</div>

下拉菜單通常用于導(dǎo)航欄、搜索框、設(shè)置等，可以大大提高用戶的使用體驗。