Как вместо символа маркера использовать картинку?

🕛 19.01.2009, 23:34

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

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

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<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/book.png'); /* Путь к файлу с изображением маркера */ } </style> </head> <body> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </body>

</html>