Стили для нумерованных списков 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

Комментарии

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

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

Fancybox 2 не только плагин галерей, но и модальных окон, рассмотрим подробнее.
5839
+4
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
7758
+10
Несколько примеров как изменить внешний вид чекбоксов с помощью CSS, изображений и немного JS.
5933
+1
Пример реализации всплывающей подсказки или меню с затемнением фона на jQuery и CSS, в верстке использованы блок со...
1419
+2
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
5461
+1
Несколько примеров как в PHP получить информацию о домене и IP-адресе.
3701
0