CSSだけでツリー構造を表現する

フォルダー構成など表現するときに欲しくなったので作りました。今後もメモとして残していきます。

li要素の::before疑似要素のtopと::before疑似要素のleftに線を引いてツリー構造を表現しています。

See the Pen Tree structure by yuji chiba (@chibashi) on CodePen.

comment

  1. CSS+ツリー – Macな暮らし 2025/10/27(月) 11:54

    […] 参考サイト：https://chibashi.me/development/html-css/css-treestructure/ […]

Commentsこの記事のコメント

メールアドレスが公開されることはありません。お気軽にコメントどうぞ。

人気記事