導航菜單是網站、應用程序等中經常使用的一種功能，能夠幫助用戶快速找到所需內容。隨著CSS樣式的廣泛應用，創建自定義導航菜單也越來越普遍。本文將介紹如何創建一個簡單的導航菜單，以及如何使用CSS樣式來對其進行設計和布局。

## 導航菜單的基本原理

導航菜單的布局可以通過多種方式實現，包括并列、垂直、水平等。在CSS中，可以使用<li>標簽的類名和屬性來定義不同的樣式，如<li>標簽的類名是“nav-item”，可以設置字體顏色、邊框寬度、列表樣式等屬性。

## 使用CSS樣式創建自定義導航菜單

要創建自定義導航菜單，可以使用HTML和CSS來設計和布局。下面是一個簡單的示例，展示了如何使用CSS樣式來創建自定義導航菜單：

```html

<div class="nav-bar">

<h2>主菜單</h2>

<ul>

<li class="nav-item"><a href="#">主菜單1</a></li>

<li class="nav-item"><a href="#">主菜單2</a></li>

<li class="nav-item"><a href="#">主菜單3</a></li>

</ul>

</div>

## 總結

通過使用CSS樣式來創建自定義導航菜單，可以方便地實現導航菜單的樣式和布局。使用簡單的HTML和CSS代碼，就可以快速創建出一個漂亮的導航菜單。同時，還可以根據需要自定義樣式，以滿足具體的應用場景。