下拉菜單在網頁設計中非常常用，它為用戶提供了一種更加便捷快捷的選擇方式。下面我們來看看css中如何實現下拉菜單。 首先，在html中需要先創建一個菜單列表，每一個選項需要用一個li標簽包裹，如下所示：

<ul class="menu-list">
<li>首頁</li>
<li>新聞</li>
<li>產品</li>
<li>服務</li>
<li>關于我們</li>
</ul>

然后我們就需要利用CSS來設置菜單項的樣式，通過設置display屬性來實現下拉菜單的效果。我們可以將菜單列表的display屬性設置成inline-block，在用戶鼠標移到菜單項上時將其子菜單的display屬性設置成block，即可實現下拉菜單的效果。代碼如下：

p {
font-size: 20px;
line-height: 1.5em;
}
.menu-list {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.menu-list li {
display: inline-block;
margin-right: 20px;
position: relative;
}
.menu-list li:hover ul {
display: block;
}
.menu-list li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
}
.menu-list li ul li {
display: block;
}

通過以上CSS代碼，我們就可以獲得一個下拉菜單的效果了。總的來說，下拉菜單的實現并不困難，只需要靈活運用CSS的display屬性就可以輕松地完成。