Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17408
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Tipos de estilos para li square, disc, circle, none, etc.

24-04-2015 15:29

Nesse post vou mostrar alguns estilos que podem ser aplicados ao li, ou seja, uma lista de itens.

Para testar os estilos diferentes de li, copie esse código abaixo

<ul> <li style="list-style-type:square">square</li> <li style="list-style-type:disc">disc</li> <li style="list-style-type:circle">circle</li> <li style="list-style-type:decimal-leading-zero">decimal-leading-zero</li> <li style="list-style-type:decimal">decimal</li> <li style="list-style-type:lower-roman">lower-roman</li> <li style="list-style-type:upper-roman">upper-roman</li> <li style="list-style-type:lower-latin">lower-latin</li> <li style="list-style-type:upper-latin">upper-latin</li> <li style="list-style-type:none">none</li> </ul>

Para aplicar um estilo escolhido para todas as li da lista você pode seguir esse exemplo.

<style> ul.minhaul{ list-style-type:square } </style> <ul class="minhaul"> <li>teste</li> </ul>

5
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado