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

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

  • текст A
  • текст B
  • текст C

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

текст A
  текст B
  текст C

Ответы

Ответ 1

ul { list-style: none; }

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

li { padding: 5px 0; }

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

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

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

Ответ 2

Использование

list-style:none;

в стиле для <ul> tag

Ответ 3

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

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

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

Ответ 5

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

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

Ответ 6

list-style-type: upper-roman;