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

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

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

HTMLで数字の設定をする

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

サンプル

    

  1. 数字の連番
    2. 

  2. 数字の連番
    3. 

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

CSSで数字の設定をする<

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





数字の連番


数字の連番


数字の連番
「CSS」表示サンプル

数字の連番

数字の連番

数字の連番

[related_posts_by_tax posts_per_page="4"]