二級菜單欄是網(wǎng)頁設(shè)計中常見的一個功能，它可以讓用戶更加方便地訪問到網(wǎng)站的不同部分，在CSS中，我們可以使用樣式和布局來實現(xiàn)二級菜單欄的效果。

我們需要創(chuàng)建一個HTML結(jié)構(gòu)來承載二級菜單欄，這個結(jié)構(gòu)通常包括一個主菜單項，以及每個主菜單項下的子菜單項。

<ul class="main-menu">
  <li>菜單項1
    <ul class="sub-menu">
      <li>子菜單項1</li>
      <li>子菜單項2</li>
    </ul>
  </li>
  <li>菜單項2
    <ul class="sub-menu">
      <li>子菜單項3</li>
      <li>子菜單項4</li>
    </ul>
  </li>
</ul>

我們可以使用CSS來樣式化這個二級菜單欄，我們可以設(shè)置主菜單項的樣式，

.main-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main-menu > li {
  display: inline-block;
  margin-right: 20px;
}

我們可以設(shè)置子菜單項的樣式，

.sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none; /* 初始狀態(tài)隱藏子菜單 */
}
.sub-menu > li {
  margin-right: 10px;
}

我們可以使用JavaScript來響應(yīng)用戶的操作，

document.querySelector('.main-menu').addEventListener('click', function(event) {
  var submenu = event.target.querySelector('.sub-menu');
  if (submenu) {
    if (submenu.style.display === 'none') {
      submenu.style.display = 'block'; // 顯示子菜單
    } else {
      submenu.style.display = 'none'; // 隱藏子菜單
    }
  }
});

這樣，我們就可以使用CSS和JavaScript來實現(xiàn)一個基本的二級菜單欄功能，這只是一個簡單的示例，實際開發(fā)中可能需要根據(jù)具體需求進行調(diào)整和優(yōu)化。