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

3D HTML Письма

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

    и элемент списка

  • теги, как показано в примере ниже.

    • пример
    • Example2
    • Example3

    Приведенный выше пример создаст маркированный список, как показано ниже.

    • пример
    • Example2
    • Example3

    Если вы хотите изменить этот список на упорядоченный список (нумерованный список), измените

      теги к

        , как показано в примере ниже.

        1. пример
        2. Example2
        3. Example3

        Приведенный выше пример создаст нумерованный список, как показано ниже.

        1. пример
        2. Example2
        3. Example3

        Если вы хотите применить стиль CSS или использовать изображение в качестве списка, создайте код CSS, похожий на
        пример ниже.

        #content ul li {
        list-style-Type: нет;
        отступы: 0 0 4px 23px;
        фон: URL (https://www.computerhope.com/arrow.gif) без повтора слева вверху;
        }

        В этом примере, используя внешний файл .css, мы сообщаем веб-странице только об изменении маркированных элементов в
        раздел. Если вы хотите, чтобы все маркированные элементы изменялись, вы можете удалить #content в приведенном выше примере. Во второй строке list-style-Type: none; говорит браузеру не отображать маркеры. В третьей строке отступы: 0 0 4px 23px; это отступы и отступы от пуль. Наконец, последняя фоновая строка указывает браузеру использовать изображение в качестве маркера и место его отображения. С этим кодом CSS мы получаем маркеры, как показано ниже.

        • пример
        • Example2
        • Example3

        Чаевые

        Вы также можете использовать расширенный HTML-код, • если вы хотите создать символ маркера (•), не создавая неупорядоченный список маркеров, как показано выше.

        Ссылка на основную публикацию
        Adblock
        detector