Publicado el Deja un comentario

07. CSS Enlaces

Modificamos propiedades de enlaces y puntero de raton mediante CSS.

El codigo HTML es:

<!doctype html>
<html lang=”ES”>
<head>
<link rel=”stylesheet” type=”text/css” href=”css/enlaces.css”>
<title>
Enlaces y cursor
</title>
</head>
<body>
<header>
<nav>
</nav>
</header>
<section>
<article>
<hgroup>
<h1>Titulo Principal</h1>
<h2>Titulo Secundario</h2>
</hgroup>
</article>
<p>Enlace sin subrayado <a class=”sinsubrayado” href=”#”>Enlace sin</a></p>
<p>Enlace normal <a class=”normal” href=”#”>Enlace normal</a></p>
<p>Enlace normal 2 <a class=”normal” href=”#”>Enlace normal 2</a></p>
</section>
<aside>
</aside>
<footer>
<h4>Pie de pagina</h4>
</footer>
</body>
</html>

El codigo CSS es:


/*www.ticoticotaa.es*/
/*@2016*/
*{
   
}
.sinsubrayado{
    text-decoration:none;
    border:none;
   
}
.normal{
    cursor:pointer; /*default  pointer*/
}
a:hover{
    color:red;
}
a:visited{
    color:yellow;
}
p:hover{
    color:pink;
}

Espero sea util, gracias.

Please follow and like us:

Deja un comentario