Размер маркера определяется браузером, шрифтом и размером шрифта. Хотя иногда вы можете увеличить размер шрифта для увеличения размера маркера, лучшим решением будет использование изображения в качестве маркера.
Чтобы изменить маркер на изображение, используйте CSS на своей странице, как показано в следующем примере.
ul {
стиль списка: нет;
}
ul li {
background: url (https://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
- Пример первой пули
- Пример второй пули
