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

二重丸括弧見出し

見出しの前後を二重の丸括弧で軽く囲むスタイル。キャンペーンや限定情報の見出しにやわらかな強調を加えられる。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl"><span class="b">((</span>限定オファー<span class="b">))</span></h4>

CSS

.d02-10-15 .ttl{ all:unset; display:flex; align-items:center; justify-content:center; gap:2px; font-size:22px; font-weight:800; color:#1f2937; }
        .d02-10-15 .b{ color:#a78bfa; font-weight:400; font-size:26px; font-family:Georgia,serif; }

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