Kromus Design
Olá!
Seja bem vindo ao Kromus. Nosso fórum é focado em design gráfico e web, porém, compartilhamos de todo tipo de arte, sem limites entre a arte tradicional e a digital. Esperamos que goste do fórum e faça parte de nossa família! :)
Kromus Design
Olá!
Seja bem vindo ao Kromus. Nosso fórum é focado em design gráfico e web, porém, compartilhamos de todo tipo de arte, sem limites entre a arte tradicional e a digital. Esperamos que goste do fórum e faça parte de nossa família! :)
Kromus Design

Um lar para os designers!


Você não está conectado. Conecte-se ou registre-se

Usando Pseudo Classes para estilizar links

Por favor, faça o login para responder

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1Morzan 

Usando Pseudo Classes para estilizar links EmptyQui maio 12, 2011 11:58 pm

Morzan

Membro Comum
Membro Comum
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.


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>



Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Por favor, faça o login para responder

Permissões neste sub-fórum
Não podes responder a tópicos