Использование картинки вместо маркера ul li

Опубликовано пн, 07/06/2015 - 03:53 пользователем artur.baranok

Форумы:

Для того чтобы использовать свой рисунок маркера ul li необходимо использовать стилевой атрибут list-style-image, в качестве значения которого указывается url, а в скобках - путь к желаемому изображению.

Пример. Картинка вместо маркеров

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Титульная страница</title>
<style type="text/css">
ul { list-style-image: url('images/kartinka.png');
} </style>
</head>
<body>
<ul>
<li>Список 1</li>
<li>Список 2</li>
<li>Список 3</li>
</ul>
</body>
</html>