パーツ番号 02-03-05 ・ CSSのみ

リード文(導入文)スタイル

記事冒頭に置く、やや大きめで薄いグレーのリード文の型です。WordPressのブログ記事や特集ページの書き出しに使えます。

staticcss

プレビュー

ソースコード

HTML

<div class="d02-03-05-wrap">
          <p class="d02-03-05-lead">この記事では、初めてWordPressでサイトを構築する方向けに、テーマ選びから公開までの流れを丁寧に解説します。</p>
          <p class="d02-03-05-body">まずはサーバーとドメインの準備から始めましょう。</p>
        </div>

CSS

.d02-03-05{background:#fff;text-align:left;align-items:flex-start}
        .d02-03-05-wrap{max-width:300px;font-family:"游ゴシック","Yu Gothic",-apple-system,"Hiragino Sans",sans-serif}
        .d02-03-05-lead{font-size:16px;font-weight:500;line-height:1.8;color:#64748b;margin:0 0 12px}
        .d02-03-05-body{font-size:13px;line-height:1.8;color:#334155;margin:0}

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