在網頁設計中，下拉菜單（Drop-down Menu）是常用的交互元素之一。下面我們就來介紹如何使用CSS編寫一個簡單的下拉菜單。

/* CSS */
.dropdown {
position: relative;
}
.dropdown-list {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-list {
display: block;
}

首先，我們先為下拉菜單的容器(.dropdown)設置相對定位，為其下屬的列表(.dropdown-list)設置絕對定位，并把其z-index屬性值設為1，使其覆蓋其他元素。

接著，我們將.dropdown-list的display屬性設為none，即初始狀態下不顯示。當.hover時，使用CSS偽類:hover為.dropdown設置樣式，使其下屬的列表顯示出來（display:block）。

接下來是HTML。我們需要在.dropdown中創建一個可點擊的按鈕或文本，用于觸發下拉菜單。在按鈕或文本之下創建一個ul標簽，在其中添加菜單選項。

下拉菜單
選項1
選項2
選項3

以上就是使用CSS編寫一個簡單的下拉菜單的方法。我們可以根據實際需求進行樣式調整和功能擴展，比如加入動畫效果、使用JavaScript控制菜單行為等等。