菜單樹(shù)（Menu Tree）是一種常見(jiàn)的網(wǎng)頁(yè)導(dǎo)航方式，通過(guò)垂直的層級(jí)結(jié)構(gòu)來(lái)展現(xiàn)網(wǎng)站導(dǎo)航菜單，幫助用戶瀏覽網(wǎng)站頁(yè)面。

CSS是一種用來(lái)表現(xiàn)網(wǎng)頁(yè)樣式的標(biāo)準(zhǔn)語(yǔ)言，我們可以使用CSS來(lái)美化菜單樹(shù)的樣式，讓菜單樹(shù)看起來(lái)更加美觀、易于使用。

/* 菜單樹(shù)的樣式 */
.menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
}
.menu li:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background-color: #c5c5c5;
}
.menu li:last-child:before {
bottom: auto;
height: 20px;
}
.menu li.active:before {
background-color: #f00;
}
.menu a {
color: #333;
text-decoration: none;
}
.menu li.active a {
color: #f00;
font-weight: bold;
}

通過(guò)以上CSS樣式，我們可以將菜單樹(shù)的每一個(gè)元素使用帶邊框的線條連接，同時(shí)設(shè)置了選中時(shí)的樣式，使用戶在瀏覽網(wǎng)頁(yè)時(shí)能夠清晰地看到自己的位置。

除此之外，我們還可以使用CSS來(lái)調(diào)整菜單樹(shù)的字體大小、背景顏色等等，從而滿足不同網(wǎng)站的需求。