CSS樹形菜單用的符號

.tree-menu {
text-indent: 15px;
}
.tree-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.tree-menu li:before {
content: "+";
color: #000;
margin-right: 5px;
}
.tree-menu li.collapsed:before {
content: "-";
}
.tree-menu li.leaf:before {
content: "\25CF";
margin-right: 5px;
}

在CSS中，我們可以使用偽元素:before來設置樹形菜單的符號。在上面的代碼中，我們定義了以下符號：

• 父元素的前綴：使用text-indent屬性來縮進父元素的文本。
• 無序列表的樣式：使用list-style:none取消默認樣式，并去掉外邊距和內邊距。
• 展開狀態的符號：使用+號作為展開狀態的符號，并設置顏色和右邊距。
• 折疊狀態的符號：與展開狀態符號相似，只是使用-號。
• 子元素的符號：使用字符編碼\25CF來表示子元素，并設置右邊距。

通過這個簡單的CSS代碼，我們可以創建漂亮的樹形菜單，并使用不同的符號表示菜單的展開和折疊狀態，以及葉子節點的形狀。