Em algumas situações, convém criar uma lista de marcadores sem marcadores ou itens de lista sem marcadores. Para criar uma lista ordenada ou uma lista não ordenada sem marcadores, siga os passos abaixo.
Exemplo de HTML
Adicionando a classe CSS "list-style: none" à lista não ordenada (
- ) ou lista ordenada (
- Listar item sem bala
- Segundo item
- Listar item sem bala
- Segundo item
- ) para que um ou mais itens não tenham um marcador, enquanto mantém os outros marcadores inalterados.
Exemplo de saída
Abaixo está um exemplo de como a saída para uma lista de marcadores não ordenada aparece sem seus marcadores.
- Listar item sem bala
- Segundo item
- ) tag irá remover qualquer bala ou número.
HTML com CSS
Embora o exemplo acima funcione em quase todas as situações, geralmente é melhor ter o CSS em um arquivo CSS externo separado. Abaixo está o CSS e o HTML que podem ser usados para remover marcadores.
Usando o CSS abaixo remove os marcadores de todos os links desordenados (
- ), que pode ser útil se você não tiver intenções de usar marcadores ou quiser usar uma imagem em vez de um marcador.
ul {list-style-type: nenhum; }
Se você pretende apenas ter uma lista, não ter marcadores ou números, é melhor criar uma classe que possa ser usada sempre que você não quiser marcadores, como mostra o CSS abaixo.
.nobull {list-style-type: nenhum; }
No CSS acima, uma nova classe chamada "nobull" é criada, essa classe pode ser usada a qualquer momento que você não quiser um marcador, como mostrado no exemplo abaixo.
Dica: Você também pode aplicar essa classe a qualquer um dos itens da lista (