在網頁開發中，經常會出現需要下拉列表的情況。例如，當鼠標經過某個元素時，需要顯示下拉菜單以供用戶選擇。這時，可以使用CSS來實現該功能。下面是相應的代碼：

/*鼠標經過時，顯示下拉菜單*/
.dropdown:hover .dropdown-menu{
display: block;
}
/*下拉菜單的樣式*/
.dropdown-menu{
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/*下拉菜單中選項的樣式*/
.dropdown-menu a{
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/*當鼠標懸浮在選項上時，改變其背景色*/
.dropdown-menu a:hover{
background-color: #f1f1f1;
}

上述代碼中，.dropdown:hover .dropdown-menu表示當鼠標經過class為.dropdown的元素時，顯示class為.dropdown-menu的元素。.dropdown-menu是下拉列表的樣式，可以根據需要進行設置；而.dropdown-menu a是下拉列表中選項的樣式。需要注意的是，下拉菜單必須將display設為none，否則一進入頁面就會顯示出來。

當然，上述代碼只是簡單示例，實際應用中可能還需要借助JavaScript來實現更龐雜的功能。但通過CSS實現下拉列表已經足夠應付大部分情況，使用起來也很方便。