パーツ番号 02-10-09 ・ CSSのみ

引用符アイコン付き見出し

大きな引用符を背景装飾として見出し上部に配置するスタイル。お客様の声やインタビュー記事の導入見出しに適する。

staticcss

プレビュー

ソースコード

HTML

<div class="wrap">
          <span class="quote">&#8220;</span>
          <h4 class="ttl">お客様の声</h4>
        </div>

CSS

.d02-10-09 .wrap{ text-align:center; padding-top:6px; }
        .d02-10-09 .quote{ display:block; font-size:64px; font-weight:800; color:#e5e7eb; line-height:1; font-family:Georgia,serif; margin-bottom:-20px; }
        .d02-10-09 .ttl{ all:unset; display:block; font-size:22px; font-weight:800; color:#1f2937; }

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