Главная » CSS3 » css3 примеры и описание их создания » Автоматическая нумерация списка 01 02
39 0  

Автоматическая нумерация списка 01 02

Как сделать, на чистом css+html, нумерованный список с нумерацией 01, 02 и тд?

html css автоматическая нумерация списка 01 02

Так и создается нумерованный список, нумерация которого идёт следующим образом:
01
02
03
И т.д

  1. список 1
  2. список 2
  3. список 3
  4. список 3

Исполняемый код:

<ol> <li>список 1</li> <li>список 2</li> <li>список 3</li> <li>список 3</li> </ol> <style> ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: item; /* Обнуляем счетчик списка */ } li:nth-child(-n+9)::before { content: '0' counter(item); counter-increment: item; /* Задаём имя счетчика */ } li:nth-child(n+10)::before { content: counter(item); counter-increment: item; /* Задаём имя счетчика */ } </style>

Оставить свой комментарий:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2021