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


Jivo – 728×90