パーツ番号 02-10-22 ・ CSSのみ
二重コロン コーディング風見出し
先頭に二重コロンを添えた等幅フォントの見出し。開発者ブログやIT系サービスサイトの章タイトルに合う。
プレビュー
ソースコード
HTML
<h4 class="ttl"><span class="colon">::</span>function main()</h4>CSS
.d02-10-22 .ttl{ all:unset; display:flex; align-items:center; justify-content:center; gap:8px; font-family:Consolas,"Courier New",monospace; font-size:19px; font-weight:700; color:#1f2937; }
.d02-10-22 .colon{ color:#059669; font-weight:800; }クラス名 .d02-10-22 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。