CSS是網頁設計中不可缺少的一部分，通過CSS可以實現各種視覺效果。在網站的導航欄中，經常會出現一級菜單和二級菜單。今天我們來學習一下如何使用CSS來實現二級菜單的顯示。 首先，我們需要寫出HTML代碼，包含一級菜單和二級菜單的結構。代碼如下：

<ul>
<li>一級菜單1
<ul>
<li>二級菜單1.1</li>
<li>二級菜單1.2</li>
</ul>
</li>
<li>一級菜單2
<ul>
<li>二級菜單2.1</li>
<li>二級菜單2.2</li>
</ul>
</li>
</ul>

在ul標簽中，每個li標簽就是一個一級菜單。而在每個li標簽中，又嵌套了一個ul標簽，用于展示該一級菜單下的二級菜單。每個二級菜單則使用li標簽表示。 接下來，我們需要用CSS來控制二級菜單的展示。代碼如下：

ul ul {
display: none;
}
li:hover > ul {
display: block;
}

通過上面的CSS代碼，我們設置了所有二級菜單的初始display為none，即不顯示。當一級菜單被hover時，通過“li:hover >ul”的選擇器，選中該一級菜單對應的二級菜單，并將其display設置為block，使其顯示出來。 以上就是使用CSS實現二級菜單的核心代碼。當然，還可以通過CSS來調整二級菜單的位置、顏色等樣式。希望這篇文章能夠幫助到大家，讓你們更好地掌握CSS的技巧。