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

山括弧タグ風見出し

見出しを山括弧で挟みHTMLタグのように見せるスタイル。テック系メディアや開発者向けページの見出しに使える。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl"><span class="ang">&lt;</span>お知らせ<span class="ang">&gt;</span></h4>

CSS

.d02-10-24 .ttl{ all:unset; display:flex; align-items:center; justify-content:center; gap:4px; font-size:23px; font-weight:800; color:#1f2937; }
        .d02-10-24 .ang{ color:#ef4444; font-weight:800; font-size:26px; }

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