CSS3的出現為網頁設計帶來了更多的靈活性和創意，它使得程序員可以使用更豐富的樣式來裝飾網頁。而其中最有趣和重要的一個新特性就是CSS3樹狀li。

CSS3樹狀li是一種可以讓文本以樹狀層次結構呈現的樣式。它可以讓程序員在網頁中增加更多的層次感和結構感。同時，這種樣式也可以讓網頁更加易于閱讀和理解。

ul li {
list-style: none;
position: relative;
margin-left: 1em;
}
ul li:before {
content: "";
position: absolute;
top: 0;
left: -0.7em;
width: 0.35em;
height: 100%;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
transform: rotate(-45deg);
}

上面的CSS3樣式代碼就可以實現樹狀li的效果。在這個樣式中，我們首先將li元素的list-style樣式設置為none，隱藏原有的圓點標志。我們還在li元素前增加了一個偽元素:before，用來實現樹狀結構。在向這個元素添加樣式時，我們設置它的position屬性為absolute，讓它與文本流脫離，并以網頁左上角為基準進行定位。我們還設置了一個寬度和高度，使用兩個邊框實現了一個三角形的形狀。然后，我們使用transform屬性將這個元素進行旋轉，實現了45度角的傾斜效果。

通過這個樣式，我們可以輕松地為網頁中的文本增加更多的結構，使得信息的組織更加清晰。同時，這種樣式也可以為用戶帶來更好的閱讀體驗。