Usando Pseudo Classes para estilizar links

Aprenda a definir estilo CSS para a tag a (link).

Neste exemplo são utilizadas as Pseudo Class: LINK, VISITED, ACTIVE, HOVER.

LINK é utilizada para links não visitados.
VISITED é utilizada para links já visitados
HOVER é utilizada para definir estilo para quando o mouse é colocado acima do link
ACTIVE é utilizada para quando o link é selecionado via teclado ou clicado pelo mouse.

<style>
<!--
.estilo:link {color: black; text-decoration: none}
.estilo:visited {color: blue; text-decoration: none}
.estilo:active {color: red; text-decoration: none}
.estilo:hover {color: gray; text-decoration : none}
-->
</style>


Atribuindo o estilo ao link :

<a href="link.html" class="estilo"><b>Link</b></a>

 Fonte: CodigoFonte

# COMPARTILHE

Tweet

EFAS DIGITAL

Em 2008 entrei no meu primeiro curso de montagem e manutenção de micro e rede, tirei um enorme conhecimento e em 2010 comecei a me dedicar ao webdesginer aprendi html e css... A profundei meus conhecimentos em php, delphi, java-script, softwares e outros. Em 2011 criei meu primeiro blog "Baixaki dos DJs" hoje já com mais de 680 mil visitas e estou com vários outros novos blogs. Trabalho com freelance em área de informática e web.