CSS是網頁制作的重要組成部分，通過CSS可以實現各種樣式和布局效果。其中，制作子菜單是網站設計中常用的一個效果。下面我們來看看CSS制作子菜單的步驟。

/* 1. 首先需要定義一個父級菜單，也就是包含子菜單的那個元素 */
.nav {
position: relative; /* 給父級菜單設置position屬性，以便子菜單定位時可以參考它 */
}
/* 2. 然后給子菜單定義樣式 */
.sub-menu {
position: absolute; /* 設置子菜單絕對定位 */
top: 100%; /* 讓子菜單顯示在父級菜單下方 */
left: 0; /* 子菜單在父級菜單左側靠齊 */
display: none; /* 初始時，子菜單不可見 */
}
/* 3. 接下來，需要定義當鼠標移動到父級菜單上時子菜單的顯示和隱藏行為 */
.nav:hover .sub-menu {
display: block; /* 鼠標移動到父級菜單上時，子菜單出現 */
}
/* 4. 最后，設置子菜單的樣式，比如背景顏色、邊框等 */
.sub-menu li {
background-color: #fff;
border: 1px solid #ccc;
}

通過以上步驟，就可以實現一個簡單的CSS子菜單。當然，還可以對子菜單進行更多的樣式和動畫效果的設置，具體可以根據個人需求靈活處理。