Listas

Estilização de listas

Listas

Padrão
Padrão
Padrão

Quadrado
Quadrado
Quadrado

Círculo
Círculo
Círculo

Decimal
Decimal
Decimal

Sem estilo
Sem estilo
Sem estilo

Código

<!-- 

    <ul class="estilo-lista-(normal, quadrado, circulo, decimal ou nenhum)">
        <li>
            Item de lista
        </li>
        <li>
            Item de lista
        </li>
        <li>
            Item de lista
        </li>
    </ul>

-->

Orientação de listas

Orientação padrão: vertical

Item de lista
Item de lista
Item de lista

Código

<!-- 
 
    *Orientação vertical é definida por padrão

    <ul>
        <li>
            Item de lista
        </li>
        <li>
            Item de lista
        </li>
        <li>
            Item de lista
        </li>
    </ul>

-->

Orientação horizontal

Item de lista
Item de lista
Item de lista

Código

<!-- 

    <ul class="orientacao-lista-horizontal">
        <li>
            Item de lista
        </li>
        <li>
            Item de lista
        </li>
        <li>
            Item de lista
        </li>
    </ul>

-->

Sombra

Links

CiprianoCSS

Um Framework de CSS em português.

Desenvolvido por Samuel Cipriano.

Redes sociais e contato: