inuasparwil.ru

Як замість маркера списку поставити зображення через css

Як замість маркера списку поставити зображення через CSS

Ви вже, напевно, помітили, що у ненумерованого списку в HTML зліва від елемента є картинка, яка називається маркером. І за замовчуванням цей маркер виглядає як жирна чорна точка. У цій невеликій статті я розповім, як цей маркер замінити на своє власне зображення.

Робиться це через CSS за допомогою властивості list-style-image із застосуванням до елементу ul:

ul {
list-style-image: url("Images / marker.jpg") -
}

Таким чином, замість точок зліва від елементів буде стояти Ваше зображення marker.jpg.

Ось таким нескладним способом замість маркера списку можна ставити зображення.

Поділися в соціальних мережах:

Схожі
Створення багаторівневих списків в word.Створення багаторівневих списків в word.
Зміна курсору при наведенні мишіЗміна курсору при наведенні миші
Що таке css спрайт?Що таке css спрайт?
Скрипт галереї на jаvascriptСкрипт галереї на jаvascript
Закруглені кути через cssЗакруглені кути через css
Масштабування зображень в phpМасштабування зображень в php
Як задати своє курсор на сайті через cssЯк задати своє курсор на сайті через css
Обрізка зображень в phpОбрізка зображень в php
Html 5 матеріалів рівня блокуHtml 5 матеріалів рівня блоку
Чи варто зберігати зображення в бдЧи варто зберігати зображення в бд
» » Як замість маркера списку поставити зображення через css