CSS 3推出的下拉導航，是一種優秀的網頁設計技術，極大地提升了網站的用戶體驗。下面我們將為大家講解如何用CSS 3實現下拉導航。

.navbar {
position: relative;
display: inline-block;
}
.navbar ul {
display: none;
position: absolute;
z-index: 1;
min-width: 120px;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.navbar li {
position: relative;
display: inline-block;
width: 100%;
}
.navbar li:hover ul {
display: block;
}

首先，我們需要在HTML中定義導航欄的HTML代碼，然后使用CSS來美化導航欄并添加下拉效果。如下：

在CSS中，我們定義了.navbar為相對定位，.navbar ul為絕對定位，并設置了display:none，這樣下拉菜單就默認處于隱藏狀態。當鼠標懸停在菜單2上時，.navbar li:hover ul會將下拉菜單顯示出來。

最后，我們在CSS中設置了一些樣式，如背景色、陰影等，來增加導航欄的美觀性。

以上就是關于CSS 3下拉導航的簡單介紹和代碼示例，希望能對大家有所幫助。