<div class="file-tree">
<ul>
<li>
<details open>
<summary>📁 Project Root</summary>
<ul>
<li>
<details>
<summary>📁 src</summary>
<ul>
<li>📄 index.html</li>
<li>📄 style.css</li>
<li>📄 script.js</li>
</ul>
</details>
</li>
<li>
<details>
<summary>📁 assets</summary>
<ul>
<li>🖼 logo.png</li>
<li>🖼 banner.jpg</li>
</ul>
</details>
</li>
<li>📄 README.md</li>
</ul>
</details>
</li>
</ul>
</div>
Back to Snippets
Tree View File Explorer CSS
Display hierarchical data like folders and files. This tree view uses nested lists and simple CSS to create a collapsible structure, making it easy for users to navigate complex directories.
491