Свойство CSS list-style-image позволяет указать картинку, которая будет использоваться в качестве маркера для списка.
Возможные значения: none | url(«<путь_к_изображению>»)
Значение по умолчанию: none
Наследуется: да
Пример:
Изображение для маркера списка:
HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html> <html> <head> <title>CSS list-style-image</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style> ul { list-style-image : url("marker.png"); } </style> </head> <body> <p> <ul> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul> </p> <p> <a href="https://urvanov.ru/2016/02/18/css-list-style-image/">CSS list-style-image</a> </p> </body> </html> |