Retirando sublinhado dos link's com CSS

Olá pessoal, hoje vamos aprender como tirar o sublinhado dos links com CSS.

Embora muito simples é um dos assuntos mais procurados nos fóruns especializados no assunto.




Bom vamos lá:

Entre as tag <head></head> insita o seguinte trecho de código.

<style type="text/css" media="screen">


a:link,a:visited {text-decoration:none;}


</style>

Com isso todos os link's de sua página estarão sem o sublinhado.

Se quiser que o sublinhado só apareça quando o usuário passar o mouse por cima dele abaixo de a:link {text-decoration:none;} adicione a seguinte linha de código.

a:hover{text-decoration:overline;}

Ficando assim:

<style type="text/css" media="screen">


a:link,a:visited {text-decoration:none;}

a:hover{text-decoration:overline;}


</style>



Bom é isso ai pessoal, em breve trarei mais novidades.

0 comentários:

Postar um comentário

Postagens recentes Postagens antigas Inicio
Geo Visitors Map