導航欄( Navigation bar)是網站或網頁中常見的一種組成部分，用于指示用戶當前所在的頁面或層疊頁面。導航欄通常位于網站的頭部或頂部，為用戶提供快速訪問不同頁面的導航功能。

在 CSS3 中，可以使用 `nav-bar` 標簽來創(chuàng)建一個導航欄。`nav-bar` 標簽的樣式可以定義導航欄的外觀和布局，包括顏色、字體、寬度和高度等。

以下是一個簡單的導航欄的示例，使用 CSS3 創(chuàng)建了一個垂直導航欄：

```html

<nav>

<div class="nav-bar">

<h1>My Navigation</h1>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

</ul>

</div>

</nav>

在這個示例中，`nav-bar` 標簽被設置為一個垂直導航欄，包括一個標題和一個列表。標題和列表都使用 `h1` 標簽來呈現，并且列表使用 `ul` 和 `li` 標簽來組織。`nav-bar` 標簽的周圍使用 `nav-list` 標簽來定義一個環(huán)繞樣式，使導航欄看起來更加美觀。

使用 CSS3 可以輕松地創(chuàng)建不同類型的導航欄，例如水平導航欄或多列導航欄等。此外，還可以使用 `nav-bar-active` 和 `nav-bar-hover` 等標簽來定義導航欄的切換效果和hover狀態(tài)。

導航欄是網站或網頁中常見的組成部分，使用 CSS3 可以輕松地創(chuàng)建不同類型的導航欄，為用戶提供更好的訪問和使用體驗。