Definindo o estilo dos links


Movimente a seta do mouse at� aqui, clique com o bot�o direito e na janela que se abre, selecione Exibir c�digo fonte.Voc� poder� notar os comandos utilizados e fazer um como exemplo. N�o se esque�a de salvar a p�gina com a extens�o (*.htm).

Voc� deve observar que para facilitar a compreens�o, foi retirado do comando STYLE type="text/css" as defini��es utilizadas nos exemplos anteriores. Temos ent�o a defini��o para os links:

A:LINK - Defini-se aqui a cor que ser� apresentada na visualiza��o do link. No meu exemplo � utilizado um tipo de azul definido pela cor "#3366CC". text-decoration: none - Poderia ser definido "underline" no lugar de "none", mas perderia o efeito desejado.

A:VISITED - Este o nome j� diz tudo, ou seja, define a cor do link que voc� j� utilizou. No meu exemplo "laranja".

A:HOVER - Aqui � definido a linha abaixo do link quando a seta do mouse passa sobre o link desejado. "text-decoration: underline".

OBSERVA��O - Abaixo dos comandos para a defini��o dos links, explicado acima, foi inclu�do o comando para os caracteres do texto na p�gina.

Agora fa�a os seus exemplos, mude as cores a seu gosto. Lembre-se que sempre que utilizar o comando "a href" os links ficar�o definidos � sua maneira. Ao clicar em um dos links, a p�gina ser� aberta nesta do exemplo. Tente descobrir de que forma voc� poderia definir o comando para que ele abrisse em uma nova p�gina.

Segue abaixo alguns links para voc� clicar e analisar o exemplo. A cor que defini para apresenta��o do link � vermelha (red) e para o link visitado azul (blue).

Google
iG
Bol
Aprenda HTML
Charges

Clique aqui para fechar

Hosted by www.Geocities.ws

1