
ブロック要素にアイコンバッジを表示する方法を紹介します。
HTML
補足
- データ属性(data-badge-top-left, data-badge-top-right, data-badge-bottom-left, data-badge-botton-right)で、バッジの位置と表示する文字を指定します。
ブロック要素にアイコンバッジを表示する方法を紹介します。
ブロック要素に画像を使ってアイコンを表示する方法を紹介します。アイコンは疑似要素の背景画像で表示しています。
ブラウザのタブやお気に入りのリストにアイコンが表示されるよう、head 内に、以下の3行を指定しています(3行目はスマートフォンやタブレットのホーム画面に追加した時に表示されるアイコン用)。