Публикация изображений в качестве маркеров элементов списка с помощью свойства list-style-image.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Изображения в качестве маркеров элементов списка</title>
<style>
ul {
list-style-image: url("https://foxyforex.ru/wp-content/uploads/2023/10/tick.gif");
list-style-type: square; /* эта строка будет не лишней */
}
</style>
</head>
<body>
<ul>
<li>Маркеры изображений элементов списка</li>
<li>Стиль списка может быть определён с помощью свойства<a href="https://foxyforex.ru/css/svojstvo-css-list-style-image"><code>list-style-image</code></a></li>
<li>Он макже может быть определен с помощью свойства <a href="https://foxyforex.ru/css/svojstvo-css-list-style"><code>list-style</code></a></li>
<li>Не забудьте использовать общий маркер элемента списка (с помощью <a href="https://foxyforex.ru/css/svojstvo-css-list-style-type"><code>list-style-type</code></a>) в качестве запасного варианта</li>
</ul>
</html>Страницы в тему:
- Маркеры в списке
- Внутренние и внешние маркеры элементов списка
