Guias

Como se livrar de marcadores em CSS

Por padrão, quando um navegador da Web exibe uma lista não ordenada em uma página da Web, cada item da lista possui um marcador anterior. Esse comportamento nem sempre é desejável e pode não se ajustar ao design geral da página. Usando CSS, você pode criar uma classe para remover os marcadores de listas específicas em sua página ou pode direcionar a tag HTML “ul“ diretamente para remover os marcadores de todas as listas na página.

1

Crie uma nova página HTML em um editor de texto ou aplicativo de desenvolvimento da Web.

2

Crie uma lista não ordenada simples adicionando o seguinte HTML ao corpo da página:

  • Item 1
  • Item 2
  • Item 3

Salve a página e visualize em um navegador da web. Você verá que o navegador exibe um marcador próximo a cada item da lista.

3

Adicione o seguinte código à seção da página:

Isso remove os marcadores de qualquer lista usando a classe “myList”. Salve a página e recarregue no navegador da Web para ver as alterações.

4

Altere a regra CSS:

.myList {tipo-estilo de lista: nenhum;}

Para:

ul {tipo de estilo de lista: nenhum; }

Isso tem como alvo a tag HTML “ul” e remove os marcadores de todas as listas não ordenadas em sua página. Adicione uma segunda lista de exemplo e visualize a página em seu navegador da Web para verificar se ambas as listas são exibidas sem marcadores.