CSS級聯菜單是網頁中常用的一種交互式控件，它可以幫助用戶在多個選項中進行選擇。接下來，我們將介紹如何使用CSS來實現級聯菜單。

/* CSS代碼 */
/* 一級下拉菜單 */
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
position: relative;
}
/* 二級下拉菜單 */
li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border: 1px solid #ccc;
}
li:hover >ul {
display: block;
}
/* 三級下拉菜單 */
li ul li ul {
display: none;
position: absolute;
top: 0;
left: 100%;
border: 1px solid #ccc;
}
li ul li:hover >ul {
display: block;
}

以上代碼中，我們首先定義一個ul元素作為一級下拉菜單容器，使用display: none來隱藏二級下拉菜單。然后，我們使用偽類:hover來控制鼠標懸停在li元素上時，顯示下級下拉菜單。

在二級下拉菜單的樣式中，我們使用position: absolute來讓它的位置相對于父元素進行定位。然后，我們通過控制li:hover >ul的樣式來實現二級下拉菜單的顯示。

最后，在三級下拉菜單的樣式中，我們使用position: absolute來讓它的位置相對于父菜單項進行定位，并使用border來添加邊框。通過控制li ul li:hover >ul的樣式來實現三級下拉菜單的顯示。

這樣，我們就成功地使用CSS實現了級聯菜單。