5 способов стилизовать нумерованный список

4 октября 2021

Дефолтная стилизация нумерованных списков выглядит несколько скучно. Существует много способов ее оживить, разнообразить, сделать более заметной и интересной. Сегодня ваша копилка пополнится еще пятью оригинальными способами.

1. Классический трюк со свойствами counter-increment и counter-reset стилизует нумерацию.

2. Интересное решение с подсветкой.

3. Очень эффектная стилизация: крупная, заметная нумерация.

4. Тоже интересное решение от Мэта Маркиза.

5. Интересная демонстрация от Джонатана Снука в виде таймлайна с настраиваемыми счетчиками для маркировки каждого блока.

По материалам css-tricks.com
Иван Данилин

Делаю сайты на Вордпресс с 2008 года, занимаюсь их оптимизацией, поддержкой, делюсь опытом в блоге

Добавить комментарий