Размер маркера определяется браузером, шрифтом и размером шрифта. Хотя иногда вы можете увеличить размер шрифта, чтобы увеличить размер маркера, лучшим решением является использование изображения в качестве маркера..
Чтобы заменить маркер на изображение, используйте CSS на вашей странице, как в следующем примере.
<тип стиля=»текст / css»> ul {стиль списка: нет; } ul li { фон: URL (https://www.computerhope.com/issues/pictures/bullet.gif) без повтора вверху слева;
background-position: 0 5px; высота строки: 1,5625; отступ: 0 0 4px 30px; маржа слева: 1em; } </стиль>
В приведенном выше коде CSS мы сначала устанавливаем <UL> теги, чтобы не отображать стиль списка, который удаляет маркер из неупорядоченного списка. Далее мы устанавливаем «ул ли» только изменить внешний вид <LI> теги, содержащиеся в <UL> теги. В первой строке этого раздела находится фон, который указывает на изображение маркера, которое мы используем в примере. Все остальные строки в этом случае дают набивка и поле вокруг пули.
Кончик
Вы также можете создать CSS учебный класс если вы хотите изменить отдельную марку или выбранную группу маркеров в списке.
После создания кода любой неупорядоченный список HTML использует изображение маркера в качестве маркера..
Пример HTML-кода
<ул>
<Ли>Первый пример пули</ li>
<Ли>Второй пример пули</ li>
</ ul>
Результаты HTML-кода с использованием примера CSS
- Первый пример пули
- Второй пример пули