CSS下拉菜單是網(wǎng)站設(shè)計(jì)時(shí)經(jīng)常使用的功能。通過下拉菜單，用戶可以快速地找到自己需要的內(nèi)容。

要使用CSS下拉菜單，需要用到HTML和CSS代碼。下面是一個(gè)基本的HTML結(jié)構(gòu)：

<div class="dropdown">
<button class="dropbtn">菜單</button>
<div class="dropdown-content">
<a href="#">菜單項(xiàng)1</a>
<a href="#">菜單項(xiàng)2</a>
<a href="#">菜單項(xiàng)3</a>
</div>
</div>

這個(gè)HTML代碼定義了一個(gè)下拉菜單，菜單項(xiàng)內(nèi)容可以根據(jù)需求自行添加。接下來需要使用CSS代碼為此下拉菜單添加樣式：

/* 下拉菜單容器 */
.dropdown {
position: relative;
display: inline-block;
}
/* 下拉按鈕 */
.dropbtn {
background-color: #fff;
color: #333;
padding: 8px 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* 下拉內(nèi)容 */
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
background-color: #fff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
/* 鼠標(biāo)懸停下拉按鈕時(shí)顯示下拉內(nèi)容 */
.dropdown:hover .dropdown-content {
display: block;
}
/* 鼠標(biāo)懸停下拉菜單項(xiàng)時(shí)改變背景顏色 */
.dropdown-content a:hover {background-color: #f1f1f1;}

以上CSS代碼為下拉菜單添加了樣式，其中包括下拉按鈕和下拉內(nèi)容的樣式設(shè)置，同時(shí)還設(shè)置了鼠標(biāo)懸停下拉按鈕時(shí)顯示下拉內(nèi)容。還可以通過CSS代碼為下拉菜單添加特效，比如動(dòng)畫效果。

通過以上HTML和CSS代碼，便可以創(chuàng)建一個(gè)簡單的CSS下拉菜單。需要根據(jù)具體需求和設(shè)計(jì)來調(diào)整樣式，讓下拉菜單更加美觀和實(shí)用。