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

ワンポイントアイコン見出し

見出しの右下にだけ小さな星アイコンを添えるスタイル。控えめな装飾でピックアップ記事や注目情報の見出しに使える。

staticcss

プレビュー

ソースコード

HTML

<div class="wrap">
          <h4 class="ttl">今週のピックアップ</h4>
          <span class="point">&#9733;</span>
        </div>

CSS

.d02-10-41 .wrap{ position:relative; display:inline-block; padding:0 16px 10px 0; }
        .d02-10-41 .ttl{ all:unset; display:block; font-size:20px; font-weight:800; color:#1f2937; }
        .d02-10-41 .point{ position:absolute; right:-4px; bottom:-4px; color:#f59e0b; font-size:16px; }

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