在網頁設計中，下拉菜單是一個非常常見的組件，它可以使用戶更方便地進行網頁導航。而使用純 CSS 實現多級級下拉菜單可以為網頁帶來更好的用戶體驗。

下面是一份簡單的 CSS 代碼，實現三級下拉菜單：

/* 隱藏下拉菜單 */
ul ul {
display: none;
}
/* 更改鼠標懸停的樣式 */
li:hover >ul {
display: block;
}
/* 設置菜單的樣式 */
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul li {
background: #333;
position: relative;
line-height: 1em;
text-align: left;
}
ul li:hover {
background: #555;
}
ul ul {
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
}
ul ul li {
float: none;
width: 200px;
position: relative;
}
ul ul ul {
position: absolute;
left: 100%;
top:0;
}

上面的代碼中，使用了偽類選擇器和絕對定位，實現了多級下拉菜單。其中，將子菜單設置為相對于父菜單絕對定位，使得它們能夠跟隨父菜單一起滑動。

需要注意的是，在實際使用中可能需要對菜單的寬度、高度等屬性進行調整，使其更符合網頁設計需求。在編寫多級下拉菜單時，可以根據實際需求來對CSS進行調整，以實現更好的用戶體驗。