Размер маркера определяется браузером, шрифтом и размером шрифта. Хотя иногда вы можете увеличить размер шрифта для увеличения размера маркера, лучшим решением будет использование изображения в качестве маркера.

Чтобы изменить маркер на изображение, используйте CSS на своей странице, как показано в следующем примере.

 ul {list-style: none; } ul li { background: url (// www.computerhope.com/issues/pictures/bullet.gif) без повтора вверху слева; background-position: 0 5px; высота строки: 1, 5625; отступы: 0 0 4px 30px; поле слева: 1em; } 

В приведенном выше коде CSS мы сначала устанавливаем

теги для отображения стиля списка, который удаляет маркер из неупорядоченного списка. Затем мы устанавливаем «ul li», чтобы изменить только внешний вид
• теги, содержащиеся в
  теги. В первой строке этого раздела находится фон, который указывает на изображение маркера, которое мы используем в примере. Все остальные строки в этом случае дают отступы и отступы от маркера.

  Совет: Вы также можете создать класс CSS, если вы хотите изменить одну или несколько маркеров в списке.

  После того, как код будет создан, любой неупорядоченный список HTML будет использовать изображение маркера в качестве маркера.

  Пример HTML-кода

  Первый пример пули
  Пример второй пули
  

  Результаты HTML-кода на примере CSS

  • Первый пример пули
  • Пример второй пули