Стили для нумерованных списков ol

Несколько примеров как задать стили у нумерации списков с применением счетчика counter и псевдоэлемтов :before и :after.

HTML разметка

<ol>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
	<li>Nulla facilisi etiam dignissim diam quis enim</li>
	<li>Sit amet purus gravida quis blandit turpis</li>
	<li>Mauris cursus mattis molestie a iaculis at erat pellentesque adipiscing</li>
</ol>
HTML
24.03.2019, обновлено 24.10.2019
13666

Комментарии

, чтобы добавить комментарий.

Другие публикации

Модальные окна на Fancybox 2
Fancybox 2 не только плагин галерей, но и модальных окон, рассмотрим подробнее.
9472
+4
Стилизация Checkbox
Несколько примеров как изменить внешний вид чекбоксов с помощью CSS, изображений и немного JS.
19408
+2
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
13446
+17
Как преобразовать текст из textarea в параграфы HTML
Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.
553
0
Меню-подсказка на затемненном фоне
Пример реализации всплывающей подсказки или меню с затемнением фона на jQuery и CSS, в верстке использованы блок со...
2214
+1
Модальные окна на Fancybox 3
Fancybox 3 плагин галерей и модельных окон, в отличии от второй версии существенно изменилась скорость работы, дизайн и немного API, далее подробнее о вызове модальных окон.
1933
0