CSS可以將數據展示成樹狀結構，這對于展示大量信息有很大幫助。CSS使用選擇器和屬性將數據組合成我們需要的樹狀結構。

在HTML中，我們使用無序列表（ul）和有序列表（ol）來制作我們的數據結構。我們可以使用CSS選擇器來精確地標記每個項目，然后使用屬性來裝飾它們并形成完美的展示。

ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: block;
position: relative;
padding: 0 0 0 1em;
line-height: 1.5em;
}
li:before {
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 100%;
content: " ";
border-left: 2px solid #999;
}

在這個例子中，我們將無序列表的樣式設置為沒有列表項符號，不包含任何邊距或填充。然后，我們將每個列表項的顯示屬性設置為塊，并添加一些內邊距和行高。現在，我們將設置偽類（:before）在每個列表項的左側創建一個帶有邊框的空白區域。

在這個基礎上，我們可以添加更多的樣式，以達到所需的效果。例如，我們可以添加背景色和字體樣式，或者移動偽元素，以使每個列表項向右縮進。這些屬性的具體設置將根據您的需求而有所不同。

總而言之，使用CSS將數據顯示成樹狀結構是一種非常有效的方式，可以幫助人們更好地理解和瀏覽信息。在實踐中，您可以使用CSS選擇器和屬性來自定義每個列表項的樣式，以創建引人注目且易于閱讀的數據結構。