CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

Cascading Style Sheets (CSS) - Links

Por Benedito Silva Júnior - publicado em 13/07/2016


Com o uso do CSS podemos aplicar vários efeitos na tag de link do HTML/XHTML (<a></a>)

Veja:

Código HTML/XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <html xmlns="estilo.css" rel="stylesheet" type="text/css" /> <title>CSS - Dicas</title> </head> <body> <h1>Exemplo de links></h1> </a href="" class="ex01">Exemplo 01</a><br /><br /> </a href="" class="ex02">Exemplo 02</a><br /><br /> </a href="" class="ex03">Exemplo 03</a><br /><br /> </body> </html>

Código CSS (arquivo estilo.css):

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } a.ex01:link {text-decoration: none;} a.ex01:visited {text-decoration: none;} a.ex01:hover {text-decoration: underline;} a.ex02:link {text-decoration: none;} a.ex02:visited {text-decoration: none;} a.ex02:hover {text-decoration: underline; color: #ffff00} a.ex03:link {text-decoration: none;} a.ex03:visited {text-decoration: none;} a.ex03:hover {text-decoration: underline overline;}


 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo