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

Комментарии

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

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

Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
12.12.2019
1568
+6
Меню-подсказка на затемненном фоне
Пример реализации всплывающей подсказки или меню с затемнением фона на jQuery и CSS, в верстке использованы блок со...
28.08.2019
589
+1
Список Mime
Ниже приведён список MIME-заголовков и расширений файлов.
11.07.2019
906
+1
Перечёркнутый текст
Первыми тегами для зачёркнутого текста были strike и s. C приходом HTML 4 их использование стало осуждается, а в HTML 5 их вовсе запретили.
21.08.2019
3058
-1
Шаблонизатор Smarty
Smarty это компилирующий обработчик шаблонов для PHP позволяющий отделить логику и HTML-верстку веб-приложения.
12.07.2018
4062
+1
Слайдер bxSlider на всю ширину сайта
Пример верстки слайдера на плагине bxSlider, который растягивается на всю ширину сайта, оставляя по центру...
03.07.2019
1449
0