Как удалить маркеры оформления списков в CSS

По умолчанию

Тег неупорядоченного списка

в HTML создает список элементов, которым предшествует круглый маркер. В некоторых ситуациях может потребоваться полностью удалить маркеры — например, если вы хотите сохранить чистый макет списка, не отвлекаясь на маркеры, или если вы используете
для создания раскрывающегося меню. . Для этого используйте атрибут стиля CSS «list-style-type», который является частью спецификаций CSS, начиная с первой версии.

Шаг 1

Откройте файл .html или .htm, содержащий неупорядоченный список, маркеры которого вы хотите удалить. Используйте обычный текстовый редактор, например Блокнот, чтобы избежать ошибок в HTML-коде.

Шаг 2

Прокрутите вниз до кода, с которого начинается неупорядоченный список, который будет помечен знаком "

тег

».

Добавьте следующий код после "ul" и перед ">":

style="list-style-type:none;".

Теперь код должен выглядеть так:

"

".

Шаг 3

Сохраните файл HTML и закройте текстовый редактор. Откройте файл HTML в веб-браузере, чтобы убедиться, что маркеры удалены с веб-страницы.

Совет

Если вы хотите удалить маркеры из всех ненумерованных списков на странице, вы можете добавить следующую строку кода между "

<голова>" и " " теги в исходном коде HTML:"".