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.
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.
- Código:
<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>