CSS導航下拉表單是網頁制作中常用的一種形式，可以讓用戶更方便地瀏覽網站的內容。下面我們來學習一下如何使用CSS制作下拉表單。

/* CSS 代碼 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
/* HTML 代碼 */
點擊下拉
選項一選項二選項三

首先，在HTML中創建一個 div 元素，并且給它一個類名 dropdown。然后在這個 div 元素里面添加一個鏈接（例如，a 元素），作為下拉菜單的觸發器。接下來，在這個 div 元素里面添加另一個 div 元素，并為它設置一個類名 dropdown-content。這個元素中的鏈接將充當下拉菜單的內容。

在 CSS 中，要讓下拉菜單正常工作，首先需要將 .dropdown-content 設置為隱藏，并使用 .dropdown:hover .dropdown-content 來顯示它。然后，通過相應的 CSS 來設置下拉菜單的位置和樣式。

這樣就可以在網頁中實現一個簡單的下拉菜單了。當然，CSS還能做的更多，例如，可以使用偽類:hover來在鏈接上懸停時改變文本顏色。