Ordenar lista usando letras no CSS

Veja como ordenar sua lista com números através de CSS.

Usaremos a tag list-style-type para fazer as mudanças.

Letras – Minúsculo:

Criando a Lista:

<ul class="letra-minusculo">
<li>Item 2</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

Adicionando o estilo ao seu arquivo CSS:

ul.letra-minusculo {list-style-type:lower-alpha;}

Resultado:

  • Item 2
  • Item 2
  • Item 3

Letra – Maiúsculo:

Criando a Lista:

<ul class="letra-maiusculo">
<li>Item 2</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

Adicionando o estilo ao seu arquivo CSS:

ul.letra-maiusculo {list-style-type:upper-alpha;}

Resultado:

  • Item 2
  • Item 2
  • Item 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>