標題：使用 CSS 實現(xiàn)三級菜單

隨著 Web 開發(fā)的不斷普及，網(wǎng)頁設計也越來越多樣化。三級菜單是一種常見的菜單設計，它為用戶提供了更多的選擇，也方便用戶瀏覽。使用 CSS 可以非常方便地實現(xiàn)三級菜單，下面是一個簡單的例子。

HTML 代碼：

<nav>

<ul>

<li><a href="#">一級菜單</a></li>

<li><a href="#">二級菜單</a></li>

<li><a href="#">三級菜單</a></li>

</ul>

</nav>

CSS 代碼：

nav ul {

list-style: none;

padding: 0;

nav ul li {

display: inline-block;

margin-right: 10px;

nav ul a {

text-decoration: none;

display: block;

padding: 10px;

color: #333;

nav ul a:hover {

background-color: #ddd;

以上代碼中，我們首先定義了一個nav ul ul標簽，它表示三級菜單的子菜單列表。接著，我們定義了nav ul li標簽，并為其添加了一個display: inline-block；的樣式，使其能夠以獨立單元格的形式展示。然后，我們?yōu)閚av ul a標簽設置了text-decoration: none；和display: block；的樣式，使其在鼠標懸停時能夠恢復正常樣式。最后，我們設置了nav ul a:hover 的background-color，使其在鼠標懸停時具有hover效果。

通過以上代碼，我們可以在網(wǎng)頁中看到一個清晰的三級菜單，用戶可以通過鼠標懸停或點擊的方式切換不同的菜單選項。