Как увеличить размер маркера в HTML

Как увеличить размер маркера в HTML

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

Чтобы заменить маркер на изображение, используйте 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

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