今天我們來聊一聊CSS怎么用樹形菜單。
首先，我們需要知道什么是樹形菜單。樹形菜單就是一種具有父子層級結構的導航菜單，其中一個父節點可以擁有多個子節點。這種菜單通常用于展示多層級的內容，如文件系統、網站導航等。
接下來，我們就可以使用CSS來創建樹形菜單了。具體實現如下：
HTML代碼：

<ul class="menu">
<li>父節點1
<ul>
<li>子節點1.1</li>
<li>子節點1.2</li>
</ul>
</li>
<li>父節點2
<ul>
<li>子節點2.1
<ul>
<li>子節點2.1.1</li>
<li>子節點2.1.2</li>
</ul>
</li>
<li>子節點2.2</li>
</ul>
</li>
</ul>

CSS代碼：

.menu {
background-color: #f5f5f5;
padding: 10px;
margin: 0;
list-style: none;
}
.menu ul {
margin: 0;
padding: 0;
display: none;
}
.menu li {
padding: 5px;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 5px;
position: relative;
}
.menu li:before {
content: "+";
color: #ccc;
position: absolute;
left: -20px;
}
.menu li.active:before {
content: "-";
}
.menu li:hover {
background-color: #f0f0f0;
}
.menu li:hover ul {
display: block;
}

在這個例子中，我們使用了無序列表和嵌套的無序列表來創建樹形菜單。我們使用了CSS的偽類和子選擇器來控制子菜單的顯示和隱藏。在父菜單項上添加一個“+”的符號，當子菜單顯示時，該符號變為“-”。
當然，以上只是一個簡單的樹形菜單的實現。使用CSS創建樹形菜單還有許多細節和技巧，需要根據具體的設計需求進行調整和優化。
小結：通過以上的介紹，我們明白了CSS如何來創建樹形菜單，希望大家喜歡。