下面是一個使用 CSS 制作下拉菜單的簡單示例：

```html

<div class="而下拉菜單">

<div class="下拉菜單項">

<h2><a href="#">項1</a></h2>

<ul>

<li><a href="#">項1.1</a></li>

<li><a href="#">項1.2</a></li>

<li><a href="#">項1.3</a></li>

</ul>

</div>

<div class="下拉菜單項">

<h2><a href="#">項2</a></h2>

<ul>

<li><a href="#">項2.1</a></li>

<li><a href="#">項2.2</a></li>

<li><a href="#">項2.3</a></li>

</ul>

</div>

</div>

在 CSS 中，我們可以使用類名來定義下拉菜單項的樣式。例如，我們可以使用 `而下拉菜單` 類名來定義整個下拉菜單的樣式，并使用 `下拉菜單項` 類名來定義下拉菜單項的樣式。

例如，我們可以使用以下 CSS 樣式來美化下拉菜單項：

```css

.而下拉菜單 {

background-color: #F7F7F7;

border: none;

padding: 10px;

width: 200px;

.而下拉菜單項 {

background-color: #FFFFFF;

border: 1px solid #C6C6C6;

padding: 10px;

width: 100px;

.而下拉菜單項 h2 {

font-size: 24px;

margin: 0;

padding: 0;

text-align: center;

.而下拉菜單項 a {

color: #007Bff;

text-decoration: none;

display: block;

margin-bottom: 5px;

通過使用 CSS 樣式，我們可以輕松地創建出漂亮的下拉菜單。