パーツ番号 09-11-06 ・ CSSのみ

数字のみの大型スコア表示(10点満点等)

星を使わず大きな数字でスコアを提示する表示。総合評価を強く印象づけたいレビューまとめに使える。

staticcss

プレビュー

ソースコード

HTML

<div class="score-box">
          <span class="big">9.2</span>
          <span class="max">/ 10</span>
        </div>

CSS

.d09-11-06 .score-box{ display:flex; align-items:baseline; gap:6px; padding:14px 22px; border-radius:12px; background:#1f2430; }
        .d09-11-06 .big{ font-size:44px; font-weight:800; color:#7ee0b8; line-height:1; }
        .d09-11-06 .max{ font-size:14px; color:#aeb4c0; }

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