CSS二級菜單是網頁設計中常見的一種菜單形式，它可以將多個子菜單以垂直或水平方向展現在菜單的一級選項下方。下面我們來看一下如何實現CSS二級菜單。

首先，我們需要HTML代碼來構建菜單。一級菜單可以使用

標簽，子菜單可以使用
和
• 標簽。下面是一個簡單的示例：

  <ul class="menu">
  <li><a href="#">菜單1</a>
  <ul>
  <li><a href="#">子菜單1-1</a></li>
  <li><a href="#">子菜單1-2</a></li>
  <li><a href="#">子菜單1-3</a></li>
  </ul>
  </li>
  <li><a href="#">菜單2</a>
  <ul>
  <li><a href="#">子菜單2-1</a></li>
  <li><a href="#">子菜單2-2</a></li>
  <li><a href="#">子菜單2-3</a></li>
  </ul>
  </li>
  </ul>

  接下來，我們需要用CSS樣式來控制菜單的外觀和行為。首先，針對一級菜單和子菜單之間的關系，使用相對或絕對定位將子菜單的位置設置為相對于一級菜單的位置。使用display:none屬性將子菜單隱藏。然后，通過指定鼠標在一級菜單上懸停時使用display:block屬性將子菜單顯示出來，實現菜單的下拉效果。下面是該菜單的基本樣式：

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

  最后，我們可以使用其他樣式屬性來修改菜單的字體、顏色、背景等樣式。例如：

  ul.menu li a {
  display: block;
  padding: 10px;
  font-size: 16px;
  color: #333;
  }
  ul.menu li:hover >a,
  ul.menu li:hover >a:focus,
  ul.menu li:hover >a:active {
  background-color: #f5f5f5;
  }

  這些CSS樣式可以根據具體需求進行修改。當然，對于更復雜的菜單，可能需要使用JavaScript來實現更高級的交互效果。