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

水玉背景見出し

薄い色の水玉模様を背景に敷き詰めた見出し。ギフトや女性向けサービスなど柔らかい雰囲気を出したいセクションに使える。

staticcss

プレビュー

ソースコード

HTML

<div class="wrap">
          <h4 class="ttl">Special Thanks</h4>
        </div>

CSS

.d02-07-38 .wrap{ padding:30px 20px; text-align:center; background-color:#fdf2f8; background-image:radial-gradient(circle, #fbcfe8 6px, transparent 6px); background-size:34px 34px; }
        .d02-07-38 .ttl{ all:unset; display:inline-block; padding:8px 18px; background:#fff; font-size:22px; font-weight:800; color:#831843; border-radius:6px; }

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