В некоторых ситуациях вы можете создать список с маркерами без маркеров или элементы списка без маркеров. Чтобы создать упорядоченный список или неупорядоченный список без маркеров, выполните следующие действия.
Пример HTML
Добавление CSS-класса «list-style: none» в неупорядоченный список (
- ) или упорядоченный список (
- Элемент списка без маркера
- Второй предмет
- Элемент списка без маркера
- Второй предмет
- ) иметь один или несколько элементов пули, не имеющих маркера, при этом оставляя остальные пули без изменений.
Пример вывода
Ниже приведен пример того, как вывод для неупорядоченного списка маркеров отображается без его маркеров.
- Элемент списка без маркера
- Второй предмет
- ) тег удалит любую пулю или номер.
Пример HTML с CSS
Хотя приведенный выше пример работает практически в любой ситуации, обычно лучше иметь CSS в отдельном внешнем файле CSS. Ниже приведены CSS и HTML, которые можно использовать для удаления маркеров.
Использование CSS ниже удаляет маркеры со всех неупорядоченных ссылок (
- ), что может быть полезно, если вы не собираетесь использовать маркеры или хотите использовать изображение вместо маркера.
ul {
list-style-type: нет;
}
Если вы хотите иметь только один список, а не иметь маркеры или цифры, лучше создать класс, который можно использовать в любое время, когда вы не хотите использовать маркеры, как показано в CSS ниже.
.nobull {
list-style-type: нет;
}
В приведенном выше CSS создан новый класс с именем «nobull», который затем можно использовать в любое время, когда вам не нужен маркер, как показано в примере ниже.
Чаевые
Вы также можете применить этот класс к любому из элементов списка (
