<div class="navmenu"> 是一個在HTML中常見的class名稱，用于定義網頁中的導航菜單。導航菜單通常位于網頁的頂部或側邊，并包含了網站內重要的鏈接，以便用戶方便地瀏覽和導航到各個頁面。
在下面的幾個代碼案例中，我們將詳細解釋和展示如何使用<div class="navmenu">來創建多種類型的導航菜單。
第一個案例是一個基本的水平導航菜單。代碼如下：

html
<div class="navmenu">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">博客</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

在這個案例中，我們使用了一個無序列表（<ul>）來表示導航菜單的項，每個菜單項使用<li>標簽。通過給<div>元素添加了class="navmenu"，我們可以對這個導航菜單應用自定義的樣式。
第二個案例是一個垂直導航菜單。代碼如下：

html
<div class="navmenu">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">博客</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

與第一個案例不同的是，我們在CSS中添加了一些樣式，使得導航菜單變為垂直顯示。這個樣式可以根據需求進行自定義修改，比如調整導航菜單的寬度、背景顏色等。
第三個案例是一個帶有二級菜單的導航菜單。代碼如下：

html
<div class="navmenu">
<ul>
<li><a href="#">首頁</a></li>
<li>
<a href="#">產品</a>
<ul>
<li><a href="#">產品1</a></li>
<li><a href="#">產品2</a></li>
<li><a href="#">產品3</a></li>
</ul>
</li>
<li><a href="#">新聞</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

在這個案例中，我們在產品菜單項上添加了一個二級菜單（子菜單）。通過使用嵌套的無序列表，我們可以實現在導航菜單中創建多級菜單。這在需要顯示更多導航選項時非常有用。
通過這些示例，我們可以看到如何使用<div class="navmenu">創建不同類型的導航菜單，以及如何利用CSS來自定義這些導航菜單的樣式。導航菜單在網頁設計中起著非常重要的作用，幫助用戶方便地瀏覽和導航到各個頁面。