CSS列表二級菜單是Web開發中比較常見的一個功能，可以讓用戶更方便地瀏覽網站上的內容。下面我們就來介紹一下如何制作CSS列表二級菜單。

nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline-block;
position: relative;
padding: 10px;
}
nav ul li:hover {
background-color: #eee;
}
nav ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border: 1px solid #ccc;
z-index: 999;
}
nav ul li:hover >ul {
display: block;
}
nav ul ul li {
display: block;
width: 200px;
}
nav ul ul li a {
display: block;
padding: 10px;
color: #333;
}
nav ul ul li a:hover {
background-color: #f4f4f4;
}

首先，我們需要定義一個無序列表，通過CSS將其樣式設為無“點”樣式、無邊距、無內邊距。

接下來，我們需要定義li元素的樣式為行內塊元素，并為其設置相對定位。在鼠標移動到li元素上方時，我們可以通過:hover偽類選擇器來為其添加一個背景顏色。

然后，我們需要定義二級菜單的樣式。我們通過display:none屬性來隱藏它，并使用絕對定位將其置于一級菜單的下方。當鼠標移動到一級菜單上方時，我們可以通過:hover:nth-child(1)偽類選擇器來讓該菜單顯示出來。(nth-child(1)表示該元素為一級菜單下的第一個子元素。)

最后，為二級菜單的li元素設置好寬度，以及超鏈接a的樣式和hover樣式。