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

新聞風罫線見出し

太さの異なる罫線2本で見出しを上下に挟む新聞見出し風のスタイル。プレスリリースやコラム記事の見出しに信頼感を与える。

staticcss

プレビュー

ソースコード

HTML

<div class="wrap">
          <h4 class="ttl">NEWSPAPER HEADLINE</h4>
        </div>

CSS

.d02-10-39 .wrap{ text-align:center; padding:14px 0; border-top:4px solid #1f2937; border-bottom:1px solid #1f2937; }
        .d02-10-39 .ttl{ all:unset; display:block; font-size:21px; font-weight:800; color:#1f2937; font-family:Georgia,serif; letter-spacing:.02em; }

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