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

ブレース(波括弧)見出し

波括弧を模した装飾記号で見出しテキストを囲むスタイル。テック系・開発系サービスの特集見出しに合う。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl"><span class="brace">{</span>Custom Order<span class="brace">}</span></h4>

CSS

.d02-07-17 .ttl{ all:unset; display:flex; align-items:center; justify-content:center; gap:10px; font-size:22px; font-weight:800; color:#1f2937; }
        .d02-07-17 .brace{ font-size:34px; font-weight:300; color:#6366f1; font-family:Georgia,serif; line-height:1; }

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