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

スラッシュ囲み見出し

見出しの前後にダブルスラッシュを添えたコメントアウト風のスタイル。テック系ブログや更新情報の見出しに使える。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl"><span class="sl">//</span> コラム更新 <span class="sl">//</span></h4>

CSS

.d02-10-37 .ttl{ all:unset; display:flex; align-items:center; justify-content:center; gap:6px; font-size:20px; font-weight:800; color:#1f2937; font-family:Consolas,"Courier New",monospace; }
        .d02-10-37 .sl{ color:#94a3b8; font-weight:700; }

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