<div class="css-menu">是一種使用CSS（Cascading Style Sheets）實現的網頁菜單設計。它通過使用<div>（division）標簽和CSS樣式來創建具有不同樣式和布局的網頁菜單。下面將通過幾個代碼案例來詳細解釋并說明div css菜單的使用。
第一個案例是一個簡單的水平導航菜單。HTML代碼如下：

<code>
<div class="css-menu">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Contact</a>
</div>
</code>

在上述代碼中，我們使用了<div>標簽來創建一個名為"css-menu"的菜單。接著，我們在菜單中添加了四個<a>（anchor）標簽作為菜單項，每個菜單項都有一個對應的鏈接。在CSS中，我們可以使用樣式定義，例如設置菜單的背景顏色、字體大小和邊距等。
第二個案例是一個垂直導航菜單。HTML代碼如下：

<code>
<div class="css-menu vertical">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Contact</a>
</div>
</code>

在這個例子中，我們添加了一個名為"vertical"的額外類，通過這個類可以更改菜單的布局為垂直方向。通過添加不同的類名，我們可以改變菜單的樣式和布局，提供更多的自定義選項。
第三個案例演示了一個帶有子菜單的水平導航菜單。HTML代碼如下：

<code>
<div class="css-menu">
<a href="#">Home</a>
<a href="#">About</a>
<div class="sub-menu">
<a href="#">Services</a>
<a href="#">Contact</a>
</div>
</div>
</code>

在這個例子中，我們使用了一個嵌套的<div>標簽來創建子菜單。子菜單位于父菜單下面，并且具有不同的樣式。通過CSS樣式定義，我們可以控制子菜單的顯示和隱藏，使其在鼠標懸停或點擊父菜單項時顯示。
來說，div css菜單是一種通過使用<div>標簽和CSS樣式來創建具有不同樣式和布局的網頁菜單的方法。通過設置不同的類名和樣式定義，我們可以創建水平或垂直的菜單，甚至可以實現帶有子菜單的導航。這種方法提供了更大的靈活性和自定義性，使我們能夠設計出獨特而美觀的菜單。