[CSS]1ピクセルの画像で、リストの構造をビジュアル化するスタイルシート

サイトマップなどによさそうな、1ピクセルの背景画像を使用してリストの構造をビジュアル化するスタイルシートをCSS-Tricksから紹介します。

デモのキャプチャ

Style a List with One Pixel
demo

構造化は入れ子のリストにも対応しており、上記デモでは三階層分のリストとなっています。

構造化を明示する罫線は1x1ピクセルのグレーの画像で、横線と縦線は背景を繰り返して配置しています。

sponsors

top of page

©2018 coliss