•  
     

Links e decoração de texto - HTML e CSS

Links têm várias propriedades iguais as dos textos normais: você pode mudar a fonte, a cor, o tamanho deles, e assim por diante.

Mas os links também têm uma propriedade, text-decoration, que você pode modificar para customizá-los de acordo com o seu gosto. Você provavelmente está acostumado a ver links que são azuis e sublinhados, certo? Bem, eles não precisam ser assim!

HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Resultado</title>
</head>
<body>
<p>O link abaixo nos leva para o GuruQA!</p>
<a href="http://www.guruqa.com/">GuruQA</a>
</body>
</html>


CSS

Código: Selecionar todos

a:link{
color:#cc0000;
text-decoration:none;
}


Demo: http://jsfiddle.net/56es6ezy/