Como remover as bolinhas (bullets) de listas em HTML ou CSS

Para remover as bullets (bolinhas) de listas < ul > basta adicionar o seguinte comando na própria tag ou no css:

Exemplo de lista com as bulets (bolinhas):

  • linha 1
  • linha 2
  • linha 3

 

Inserindo o código direto na tag < ul >:

 
<ul style="list-style-type: none;">
<li>linha 1</li>
<li>linha 2</li>
<li>linha 3</li>
</ul>

 

Inserindo o código no CSS:

 
ul {
 list-style-type: none;
 } 

 

O resultado final será esse:

  • linha 1
  • linha 2
  • linha 3


Você também pode personalizar suas listas de outras formas: Veja Como


Deixe sua Pergunta ou Comentário:

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Por favor, digite os caracteres desta imagem na caixa de entrada

Por favor digite o código da imagem

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>