Por padrão, o
tag de lista não ordenada em HTML cria uma lista de elementos precedida por um marcador redondo. Em certas situações, você pode querer remover completamente os marcadores — por exemplo, se quiser manter o layout limpo da lista sem a distração do marcador, ou se estiver usando o para gerar um menu suspenso . Para fazer isso, use o atributo de estilo CSS "list-style-type", parte das especificações CSS desde a primeira versão.
Etapa 1
Abra o arquivo .html ou .htm que contém a lista não ordenada cujos marcadores você deseja remover. Use um editor de texto simples, como o Bloco de Notas, para evitar a introdução de erros no código HTML.
Etapa 2
Role para baixo até o código que inicia a lista não ordenada, que será marcada por um "
Adicione o seguinte código após o "ul" e antes do ">":
style="list-style-type:none;".
O código agora deve ficar assim:
"
Etapa 3
Salve o arquivo HTML e feche o editor de texto. Abra o arquivo HTML em seu navegador da web para certificar-se de que os marcadores foram removidos da página da web.
Dica
Se você deseja remover os marcadores de todas as listas não ordenadas da página, você pode adicionar a seguinte linha de código entre o "
" e " " tags no código-fonte HTML:"".
