Блог

Изменяем вид маркера в списке ul li.

Очень часто, делая верстку сайта, нужно изменять маркер списка так как стандартный его вид не всегда подходит под стиль сайта и дизайнер изменяет его. Вот стандартный вид маркера:QIP Shot - Screen 226

Менять будем в css. Есть откличное свойство list-style-image, я часто его использовал но у него есть один минус, невозможно потом изменить позицию маркера по высоте. Если к примеру маркер по высоте будет меньше самого списка мы не сможем его двигать вверх или вниз. Привожу пример как изменить маркер и при етом возможность менять его положение.

В css к списку нужно привязать вот такое свойство:

А вот пример измененного маркера:

QIP Shot - Screen 227

Готово. Изменяя background: 12px 15px и будет менятся позиция у маркера. Пробуйте, комментируйте.
Спасибо.

Спасибо, сообщение отправлено.