Як створити список маркерів без маркерів у HTML

У деяких ситуаціях ви можете створити список маркерів без маркерів або елементів списку без маркерів. Для створення упорядкованого списку або невпорядкованого списку без маркерів виконайте наведені нижче дії.

Приклад HTML

Додавання CSS-класу "стиль-список: немає" до невпорядкованого списку (

    ) або впорядкований список (
      ) буде вилучено будь-яку маркери або цифри.

      • Елемент списку без маркера
      • Другий пункт

      Приклад HTML з CSS

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

      Використання CSS нижче видаляє маркери з усіх неупорядкованих посилань (

        ), що може бути корисним, якщо ви не маєте наміру використовувати кулі або хочете використовувати зображення замість кулі.

        ul {list-style-type: немає; }

        Якщо ви маєте намір мати лише один список, не мати маркерів або чисел, краще створити клас, який можна використовувати в будь-який час, коли ви не хочете, щоб наведені нижче маркери, як показано в CSS.

        .nobull {type-style-type: немає; }

        У вищезгаданому CSS створюється новий клас, який називається "nobull", цей клас може бути використаний у будь-який час, коли ви не хочете, щоб була куля, як показано в прикладі нижче.

        • Елемент списку без маркера
        • Другий пункт

        Порада: Ви також можете застосувати цей клас до будь-якого елемента списку (

      • ) щоб один або кілька пунктів кулі не мали кулі, зберігаючи інші кулі без змін.

        Приклад виводу

        Нижче наведено приклад того, як вихід для невпорядкованого списку маркерів з'являється без його маркерів.

        • Елемент списку без маркера
        • Другий пункт