Как сделать так, чтобы список HTML отображался без маркеров с использованием только CSS?

Question

У меня есть список HTML. Браузер должен увидеть существование списка и соответствующим образом расположить элементы, однако я не хочу, чтобы рядом с каждым элементом отображался маркер То есть нормальный список выглядит так:

• текст А
• текст B
• текст С

Я хочу, чтобы мой список выглядел так:

текст А
текст B
текст C

Answer 1

ul { list-style: none; }

Это избавляет от пунктов пули. Теперь вы можете пойти дальше и назначить стили для их разметки, как в вашем примере, если вы действительно этого хотели:

li { padding: 5px 0; }

Если вы не хотите, чтобы список отступал после удаления маркеров, потребуется еще один бит, например:

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

Если вы не установите для обоих полей и отступов значение 0, в FF или IE он будет выглядеть правильно, но не в обоих случаях

Answer 2

В качестве альтернативы , вы также можете использовать список определения (dl, dt, dd) без определения терминов (dt элементы).

<dl>
    <dd>text A</dd>
    <dd>text B</dd>
    <dd>text C</dd>
</dl>

Но семантически я думаю, что неупорядоченный список (ul, li) лучше подходит для вашей конкретной цели :) Так что давайте просто кусок хорошего CSS, как объяснил Эрик.

Answer 3

Используйте

list-style:none;

в стиле для тега

Answer 4

Кроме того, у этой ссылки есть несколько хороших примеров для изучения стилей HTML-списков.

Answer 5

<ul style="list-style-type:none"></u>

При установке типа стиля на ноль маркеры не будут отображаться.

Answer 6

list-style-type: upper-roman;