olのスタイルを見やすくキレイにカスタマイズ!※Gsuh4でも採用のもの olの番号付きリストのデザインをキレイに見せたいので、リストマークをカスタマイズします。序列ありリストolの項目(リスト)を装飾する前の下地と、その説明をご覧ください。 ol { counter-reset: li; /*olのリストの数字をリセット*/ } ol > li { list-style: none; /*元のスタイルを非表示にする*/ } ol > li:before { counter-increment: li; /*リストの数字を1つ進める。IE7以下、未対応*/ content: counter(li); /*リストを連番にする*/ margin-right: 1em; /*要素が重なるから右へ移動*/ line-height: 1.6; /*文字が重なるのを防止*/ } これが基本のolスタイ