ztree是一款開源的Javascript樹形控件，具有簡單易用、輕量級、高性能等特點。而ztree的樣式是通過CSS來控制的，通過對ztree的CSS樣式進(jìn)行設(shè)置可以實現(xiàn)不同的視覺效果。

要使用ztree的CSS樣式，首先需要引入ztree默認(rèn)的CSS文件:

<link rel="stylesheet" href="ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">

然后在頁面中設(shè)置ztree節(jié)點的樣式，例如設(shè)置節(jié)點的字體顏色、背景顏色等：

.ztree li a{
color: #333;
background-color: #f5f5f5;
}

如果需要將ztree節(jié)點的展開圖標(biāo)、折疊圖標(biāo)等進(jìn)行自定義，可以通過設(shè)置background屬性來實現(xiàn):

.ztree li span.button.switch{
background:url(images/switch.png) no-repeat;
}
.ztree li span.button.ico_open{
background:url(images/ico_open.png) no-repeat;
}
.ztree li span.button.ico_close{
background:url(images/ico_close.png) no-repeat;
}

在設(shè)置ztree節(jié)點樣式時還可以使用偽類選擇器，比如:hover、:checked等，實現(xiàn)鼠標(biāo)滑過節(jié)點時的樣式變化:

.ztree li a:hover{
color: #fff;
background-color: #428bca;
}
.ztree li a.checked{
color: #fff;
background-color: #428bca;
}

通過以上的設(shè)置，可以讓ztree在視覺效果上更加出彩，提升用戶體驗。