【コーディング初心者向け】数字の連番

リストやスタイルシートで数字の連番を設定する方法

順番に数字を割り振りたい時に、数字を書くのが大変。
それぞれにクラスを与えるのも大変…
そんな時に役立つ、連番の設定方法についてご説明します。

HTMLで数字の設定をする

「ol」のタグを使います。

サンプル

  1. 数字の連番
  2. 数字の連番
  3. 数字の連番
表示サンプル
  1. 数字の連番
  2. 数字の連番
  3. 数字の連番

CSSで数字の設定をする<

cssの「before」を使って指定します。


数字の連番

数字の連番

数字の連番

「CSS」表示サンプル

数字の連番

数字の連番

数字の連番