代码：一种类似outlook资源树的CSS样式

.ztree{
    padding: 10px;
    margin-top: 10px;
    }

    .ztree *{
    font-size: 14px;
    display: block;
    }

    //bruce

    .ztree li ul{ 
        margin:20px; 
        padding:0
    }

    .ztree li {
        white-space: nowrap;
        line-height:30px;
        margin: 2px;
    }

    .ztree li a {
        width:auto;
        height:auto;
        padding-top: 0px;
    }

    .ztree li span.button {margin-top: -3px;}

    .ztree li a{
        border:1px solid #E3E3E3;
        border-radius:3px;
        //padding: 0px 8px;
    }

    .ztree li a:hover {
        text-decoration:none; 
        background-color: #E7E7E7;
        border:1px solid #94a0b4;
        border-radius:3px;
        color:#000;
        font-weight:bolder;
    }

    .ztree li a.curSelectedNode {
        background-color: #E7E7E7;
        border:1px solid #94a0b4;
        border-radius:3px;
    }

    .ztree li a.level0 {
        font-size: 150%;
        font-weight: normal;
        padding: 3px 10px;
        background: #E0E0E0;
    }

    .ztree li a.level1 {
        font-size: 110%;
        padding: 0px 10px;
        background: #F0F0F0;
    }

    .ztree li a.level2 {
        font-size: 90%;
        font-weight: lighter;
        padding: 0px 10px;
        background: #F8F8F8;
    }

    .ztree li a.level0:hover,.ztree li a.level1:hover,.ztree li a.level2:hover {
        text-decoration:none; 
        background-color: #E7E7E7;
        border:1px solid #94a0b4;
        border-radius:3px;
        color:#000;
        font-weight:bolder;
    }

    .ztree li a.level0.curSelectedNode,.ztree li a.level1.curSelectedNode,.ztree li a.level2.curSelectedNode {
        background-color: #E7E7E7;
        border:1px solid #000000;
        border-radius:3px;
    }


    .ztree li span.button.noline_open {
        background-position:0px,0px;
    }

    .ztree li span.button.switch.level0 {width: 20px; height:20px}
    .ztree li span.button.switch.level1 {width: 20px; height:20px}
    .ztree li span.button.noline_open {background-position: 0 0;}
    .ztree li span.button.noline_close {background-position: -18px 0;}
    .ztree li span.button.noline_open.level0 {background-position: 0 -18px;}
    .ztree li span.button.noline_close.level0 {background-position: -18px -18px;}

    .ztree li span.button {
    background-image:url("left_menuForOutLook.png"); 
    *background-image:url("left_menuForOutLook.gif")
    }
    ///bruce