制作二級子菜單是CSS中的一個常見需求，通常應(yīng)用于網(wǎng)站的導(dǎo)航菜單，下面是一些使用CSS制作二級子菜單的基本步驟：

1、HTML結(jié)構(gòu)：我們需要一個HTML結(jié)構(gòu)來放置我們的菜單，我們會使用ul（無序列表）和li（列表項）元素來創(chuàng)建菜單。

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

2、CSS樣式：我們將使用CSS來樣式化我們的菜單，我們需要設(shè)置主菜單的寬度、高度、背景顏色等屬性，以及子菜單的縮進(jìn)和樣式。

.menu {
    width: 200px;
    height: 400px;
    background-color: #333;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.menu li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #444;
    border-bottom: 1px solid #555;
}
.sub-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 20px; /* 縮進(jìn)子菜單 */
}
.sub-menu li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left; /* 左對齊子菜單項 */
    background-color: #555;
    border-bottom: 1px solid #666;
}

3、JavaScript（可選）：雖然CSS可以完成大部分工作，但JavaScript可以用來添加一些交互功能，如鼠標(biāo)懸停時顯示子菜單，下面是一個簡單的JavaScript示例，用于在鼠標(biāo)懸停時顯示子菜單。

document.querySelector(".menu li").addEventListener("mouseover", function() {
    this.querySelector(".sub-menu").style.display = "block";
});

通過結(jié)合HTML、CSS和JavaScript，我們可以創(chuàng)建一個功能強大且樣式豐富的二級子菜單，希望這些示例能幫助你開始制作自己的二級子菜單！