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

星・記号装飾見出し

見出しの両脇に星マークをあしらった装飾スタイル。飲食店メニューやおすすめ商品の見出しに向く。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl"><span class="deco">&#9733;</span>おすすめメニュー<span class="deco">&#9733;</span></h4>

CSS

.d02-07-09 .ttl{ all:unset; display:flex; align-items:center; justify-content:center; gap:10px; font-size:20px; font-weight:800; color:#1f2937; }
        .d02-07-09 .deco{ color:#f59e0b; font-size:16px; }

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