寫二級菜單代碼需要使用HTML和CSS，以下是一些基本的步驟：

1、HTML結(jié)構(gòu)：我們需要創(chuàng)建一個HTML結(jié)構(gòu)來放置我們的二級菜單，這涉及到創(chuàng)建一個包含子菜單項的列表（ul），每個子菜單項是一個列表項（li）。

<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>

2、CSS樣式：我們將使用CSS來樣式化我們的二級菜單，這包括設置菜單的顏色、字體、大小等樣式屬性。

.main-menu {
  list-style-type: none;
  padding: 0;
}
.main-menu > li {
  display: inline-block;
  position: relative;
}
.sub-menu {
  list-style-type: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #f9f9f9;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.sub-menu > li {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

在這個CSS樣式中，我們設置了一級菜單（.main-menu）和二級菜單（.sub-menu）的基本樣式，一級菜單的列表項（li）設置為內(nèi)聯(lián)塊，這樣它們可以水平排列，二級菜單設置為***定位，使其在一級菜單的下方顯示，我們還設置了一些樣式來美化二級菜單的外觀，如背景顏色、邊框和邊框圓角等。

3、響應式設計：為了讓我們的二級菜單在不同設備上都能良好地顯示，我們可以添加一些響應式設計的CSS規(guī)則，當屏幕寬度小于某個閾值時，我們可以將一級菜單的列表項轉(zhuǎn)換為垂直排列。

@media (max-width: 768px) {
  .main-menu > li {
    display: block;
  }
}

在這個響應式設計的CSS規(guī)則中，我們設置當屏幕寬度小于768像素時，一級菜單的列表項將轉(zhuǎn)換為垂直排列，這可以確保在小屏幕設備上也能清晰地顯示二級菜單。