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

バッジ型評価ラベル(優良・おすすめ等)

星ではなく文言バッジで評価水準を示す表示。信頼性を端的に伝えたい店舗・サービス紹介欄に向く。

staticcss

プレビュー

ソースコード

HTML

<span class="badge">◎ 優良ショップ</span>

CSS

.d09-11-07 .badge{ display:inline-block; padding:10px 20px; border-radius:999px; background:#eaf7ef; color:#2f9e5c; font-size:14px; font-weight:700; border:1px solid #bfe8cf; }

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