Нажмите "Enter" для перехода к содержанию

Как создать список маркеров без маркеров в HTML

0

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

Пример HTML

Добавление «стиль списка: нет» Класс CSS в неупорядоченный список (<ул>) или упорядоченный список (<ол>) удаляет любой маркер или номер.

<ul style=»стиль списка: нет;»> <Ли>Элемент списка без маркера</ li> <Ли>Второй предмет</ li> </ ul>

HTML с примером CSS

Хотя приведенный выше пример работает почти во всех ситуациях, лучше иметь CSS в отдельном внешнем файле. Ниже приведены CSS и HTML, удаляющие маркеры..

Использование приведенного ниже CSS удаляет маркеры из всех неупорядоченных ссылок (<ул>). Этот CSS может быть полезен, если вы не собираетесь использовать маркеры или хотите использовать изображение вместо маркера..

<тип стиля=»текст / css»> ul {список-стиль-тип: нет; } </стиль>

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

<тип стиля=»текст / css»> .nobull {список-стиль-тип: нет; } </стиль>

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

<ul class=»благородный»> <Ли>Элемент списка без маркера</ li> <Ли>Второй предмет</ li> </ ul>
Кончик

Вы также можете применить этот класс к любому из элементов списка (<Ли>), чтобы удалить пули из некоторых, оставив другие пули без изменений.

Пример вывода

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

  • Элемент списка без маркера
  • Второй предмет

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *