在網頁設計中，經常會碰到需要用到三級菜單的情況，如何用CSS來實現呢？下面就來介紹一下：

首先，我們需要用HTML來創建一個基本的三級菜單結構：

<ul>
<li>一級菜單
<ul>
<li>二級菜單1
<ul>
<li>三級菜單1</li>
<li>三級菜單2</li>
</ul>
</li>
<li>二級菜單2</li>
</ul>
</li>
</ul>

接下來，我們需要用CSS來設置菜單的樣式：

ul {
list-style: none;
margin: 0;
padding: 0;
}
ul ul {
display: none;
position: absolute;
top: 0;
left: 100%;
z-index: 1;
}
ul li:hover > ul {
display: block;
}
li {
position: relative;
}

首先，我們將所有的列表樣式都設置成無樣式。接下來，我們隱藏所有的子菜單，讓它們默認不可見。然后，我們為子菜單設置絕對定位，讓它們出現在父菜單的右側。最后，我們使用:hover偽類選擇器來實現鼠標懸停時子菜單的顯示。

最后，我們再對三級菜單的樣式進行設置：

ul ul ul {
left: 100%;
top: 0;
}
li:hover > ul > li:hover > ul {
display: block;
}

這段CSS代碼會將三級菜單放置在二級菜單的右側，同時設置鼠標懸停時菜單的顯示。

通過以上的代碼和樣式設置，我們就可以實現一個簡單的三級菜單了。