パーツ番号 02-07-07 ・ CSSのみ

背景帯付きセクション見出し

色帯を背景に敷いた見出しスタイル。カード内やページ区切りのセクションタイトルとして目を引かせられる。

staticcss

プレビュー

ソースコード

HTML

<div class="band">
          <h4 class="ttl">CONTACT US</h4>
        </div>

CSS

.d02-07-07{ padding:0; }
        .d02-07-07 .band{ width:100%; padding:22px 24px; background:#1f2937; text-align:center; }
        .d02-07-07 .ttl{ all:unset; display:block; font-size:20px; font-weight:800; color:#fff; letter-spacing:0.08em; }

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