ブロック要素にアイコンバッジを表示

ブロック要素にアイコンバッジを表示する方法を紹介します。

HTML

補足

• データ属性（data-badge-top-left, data-badge-top-right, data-badge-bottom-left, data-badge-botton-right）で、バッジの位置と表示する文字を指定します。

CSS

サンプル

「ブロック要素にアイコンバッジを表示」のサンプル

関連記事

• ブロック要素にテキストでアイコンを表示