Чтобы создать маркированный список, используйте теги неупорядоченного списка
и элемент списка
теги, как показано в примере ниже.
- пример
- Example2
- Example3
Приведенный выше пример создаст маркированный список, как показано ниже.
- пример
- Example2
- Example3
Если вы хотите изменить этот список на упорядоченный список (нумерованный список), измените
теги к
, как показано в примере ниже.
- пример
- Example2
- Example3
Приведенный выше пример создаст нумерованный список, как показано ниже.
- пример
- Example2
- 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-код, • если вы хотите создать символ маркера (•), не создавая неупорядоченный список маркеров, как показано выше.