3-14.リストを装飾しよう

スタイル

表示位置

画像

list-style-imageプロパティ

list実験1

list実験2

list実験3

丸数字イメージ以外

①は環境依存文字なので、ブラウザによっては表示されません
丸数字を作る場合は疑似要素(::beforeと::after)を使って表現しますが、 「liタグは透明」の条件があり

  1. HTMLの基礎
  2. CSSの基礎
  3. デザインの基礎