CSS / Links
Mudando estilos de Links de uma DIV
enviado por Filipe da Silva Soares
Neste tutorial iremos aprender à mudar os estilos dos links de uma DIV.
O padrão dos links é azul antes de clicar e roxo, após o clique.
Podemos mudar estes padrões, sem incluir classes na tag do link, baseados apenas na DIV onde os links estão.
O padrão dos links é azul antes de clicar e roxo, após o clique.
Podemos mudar estes padrões, sem incluir classes na tag do link, baseados apenas na DIV onde os links estão.
//aqui fica o css:
.divdeexemplo a{
color:#fff;
text-decoration:none;
}
//aqui mudamos o nosso link para a cor branca e sem decoração (como sublinhar)
//agora mudamos o link quando passamos o mouse por cima:
.divdeexemplo a:hover{
text-decoration:underline;
}
//quando passa o mouse por cima, o link fica sublinhado.
//agora insira no HTML:
<div class="divdeexemplo">
<a href="#">Link de Exemplo</a>
</div>
//fácil, não?
.divdeexemplo a{
color:#fff;
text-decoration:none;
}
//aqui mudamos o nosso link para a cor branca e sem decoração (como sublinhar)
//agora mudamos o link quando passamos o mouse por cima:
.divdeexemplo a:hover{
text-decoration:underline;
}
//quando passa o mouse por cima, o link fica sublinhado.
//agora insira no HTML:
<div class="divdeexemplo">
<a href="#">Link de Exemplo</a>
</div>
//fácil, não?
Versão impressa gerada em
quinta-feira, 23 de maio de 2013 em 15:09:54.
© Código Fonte