パーツ番号 06-07-08 ・ CSSのみ

ミニマルテキストリンクリスト(装飾最小)

番号とタイトルだけを並べた装飾を最小限に抑えたリスト。テキスト重視のブログのサイドバー一覧に向く。

staticcss

プレビュー

ソースコード

HTML

<p class="ln06-07-08">01　シンプルライフの始め方</p>
        <p class="ln06-07-08">02　文房具好きが選ぶ逸品</p>
        <p class="ln06-07-08">03　読書ノートの作り方</p>
        <p class="ln06-07-08">04　休日の過ごし方リスト</p>
        <p class="ln06-07-08">05　旅先で出会った本屋</p>

CSS

.d06-07-08{display:flex;flex-direction:column;width:100%;gap:11px;}
        .d06-07-08 .ln06-07-08{margin:0;font-size:11.5px;color:#2a4d8f;letter-spacing:.02em;}

クラス名 .d06-07-08 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。