Como Remover Marcadores de Lista em CSS

Por padrão, a tag de lista não ordenada

em HTML cria uma lista de elementos precedidos por um bullet redondo. Em certas situações, você pode querer remover os bullets completamente — por exemplo, se quiser manter o layout limpo da lista sem a distração do bullet, ou se estiver usando
para gerar um menu suspenso. Para realizar isso, use o atributo de estilo CSS "list-style-type", parte das especificações CSS desde a primeira versão.

Passo 1

Abra o arquivo .html ou .htm que contém a lista não ordenada cujos bullets você deseja remover. Use um editor de texto simples, como Bloco de Notas, para evitar introduzir erros no código HTML.

Passo 2

Role até o código que inicia a lista não ordenada, que será marcado por uma tag "

".

Adicione o seguinte código após o "ul" e antes do ">":

style="list-style-type: none;".

O código agora deve ficar assim:

"

".

Passo 3

Salve o arquivo HTML e feche o editor de texto. Abra o arquivo HTML no seu navegador para garantir que os bullets foram removidos da página.

Dica

Se você quiser remover os bullets de todas as listas não ordenadas na página, pode adicionar a seguinte linha de código entre as tags "" e "" no código fonte HTML: "".

• Como Desinstalar Adblock do Chrome
• Como Traduzir Páginas Web Automaticamente no Firefox
• Como Remover Código de Segurança do Nokia 2600
• Como Remover Bloqueio de Telefone
• Como Remover Bloqueio de Telefone
• Como Remover Código de Bloqueio do iPod
• Como Remover Duplicatas em Prolog
• Como Alinhar Lista com Marcadores em HTML
• Como Converter uma Imagem em Código HTML
• Como Usar Códigos de Cor HTML
• Como Colocar Marcadores (Bullets) nos Dois Lados no WordPad
• Como Remover Tags em Temas do Tumblr