在CSS中創(chuàng)建二級(jí)導(dǎo)航通常涉及到HTML和CSS的配合使用，以下是一些步驟和代碼示例，幫助你實(shí)現(xiàn)二級(jí)導(dǎo)航：

1、HTML結(jié)構(gòu)：你需要?jiǎng)?chuàng)建一個(gè)HTML結(jié)構(gòu)來(lái)容納你的二級(jí)導(dǎo)航，這通常包括一個(gè)主導(dǎo)航菜單和一些子菜單項(xiàng)。

<nav>
  <ul class="main-nav">
    <li>
      <a href="#">一級(jí)菜單項(xiàng)</a>
      <ul class="sub-nav">
        <li><a href="#">二級(jí)菜單項(xiàng)1</a></li>
        <li><a href="#">二級(jí)菜單項(xiàng)2</a></li>
        <li><a href="#">二級(jí)菜單項(xiàng)3</a></li>
      </ul>
    </li>
    <li>
      <a href="#">一級(jí)菜單項(xiàng)2</a>
      <ul class="sub-nav">
        <li><a href="#">二級(jí)菜單項(xiàng)4</a></li>
        <li><a href="#">二級(jí)菜單項(xiàng)5</a></li>
        <li><a href="#">二級(jí)菜單項(xiàng)6</a></li>
      </ul>
    </li>
  </ul>
</nav>

2、CSS樣式：你需要添加一些CSS樣式來(lái)美化你的二級(jí)導(dǎo)航，并控制其子菜單的顯示方式。

.main-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #333;
}
.main-nav li {
  position: relative;
  display: inline-block;
}
.main-nav a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px;
}
.sub-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #333;
}
.sub-nav li {
  position: relative;
  display: block;
}
.sub-nav a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px;
}

3、JavaScript（可選）：雖然CSS可以完成大部分工作，但如果你想在點(diǎn)擊時(shí)顯示或隱藏子菜單，你可能需要添加一些JavaScript代碼，以下是一個(gè)簡(jiǎn)單的示例：

document.querySelector(".main-nav").addEventListener("click", function(event) {
  if (event.target.classList.contains("main-nav")) {
    document.querySelector(".sub-nav").style.display = "none"; // 隱藏所有子菜單
  } else if (event.target.classList.contains("sub-nav")) { // 如果點(diǎn)擊的是子菜單，則顯示它并阻止事件冒泡到主菜單上。