二級導航欄是一種常見的網站導航欄結構，通常由多個導航欄組成，每個導航欄包含不同的選項。二級導航欄可以用于快速導航網站中的不同頁面，也可以用于展示不同的分類或目錄。

CSS是用于構建網頁樣式的語言，可以幫助開發人員創建二級導航欄。使用CSS，可以輕松地創建一個具有不同樣式的導航欄，使其與網站的整體設計保持一致。

下面是創建二級導航欄的一般步驟：

1. 定義導航欄的樣式：在HTML代碼中，可以使用導航欄的ID或名稱來定義導航欄。例如，可以使用“nav”來定義一個導航欄。然后，在CSS中，可以使用以下樣式來定義導航欄：

```css

nav {

display: flex;

justify-content: space-between;

padding: 10px;

background-color: #f2f2f2;

nav a {

color: #333;

text-decoration: none;

nav a:hover {

background-color: #555;

這些樣式定義了一個導航欄，包括一個 Flexbox 布局，以及不同的樣式屬性，如顏色、字體、邊框和背景。可以根據需要進行調整。

2. 添加子導航欄：可以使用CSS中的類或元素來創建子導航欄。例如，可以使用以下代碼創建一個名為“subnav”的子導航欄：

```css

nav a {

color: #333;

text-decoration: none;

nav a:hover {

background-color: #555;

nav .subnav {

display: flex;

justify-content: space-between;

padding: 10px;

background-color: #f2f2f2;

.subnav a {

color: #333;

text-decoration: none;

.subnav a:hover {

background-color: #555;

在這個例子中，我們定義了一個名為“subnav”的子導航欄，并使用了 Flexbox 布局。我們還定義了一個類，用于添加樣式，并使用了一個元素，用于顯示子導航欄。

3. 調整樣式：可以使用 CSS 選擇器來調整樣式。例如，可以使用以下代碼將子導航欄的顏色更改為紅色：

```css

.subnav a:hover {

background-color: #555;

color: #ff5500;

這些代碼將子導航欄的hover狀態更改為紅色，并在其鼠標懸停時顯示。

這些是創建二級導航欄的一般步驟。使用 CSS，可以輕松地創建具有不同樣式的導航欄，使其與網站的整體設計保持一致。