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


Moderador: web

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

Links bem colorido com CSS

31-07-2011 19:12

Nesse post vou dar uma dica para quem quer um link bem colorido.

Antes de começar, vou explicar a relação de span no link. Por exemplo, para o seguinte link

<a href="" class="link"><span>link</span></a>

Temos essa definição no CSS

a.link span{color:blue;}

Note que a referência ao link a, com a class link e o span dentro do link.

Para um efeito hover no link acima, deve ser feito o seguinte

a.link:hover span{color:orange;}

Deixo agora um exemplo um pouco mais complexo, com 3 spans dentro do link, e a relação desses span na folha de estilo.

<style> a.link span{color:blue;} a.link:hover span{color:orange;} a.link span span{color:green;} a.link:hover span span{color:black;} a.link span span span{color:red;} a.link:hover span span span{color:purple;} </style> <a href="" class="link"><span>meu <span>link <span>aqui</span></span></span></a>

Note que é definido não só o primeiro span, também quanto o segundo e o terceiro, span span ....
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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