Hola os dejo mi ejercicio resuelto respecto a la modificación de cursores, que me pareció muy simpático.
Un saludo!!
Este es el html principal:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>que cursor estas hecho</title>
<link rel="stylesheet" type="text/css" href="estilosej544.css">
</head>
<body>
<div id="div1"><h1>Si quieres aprender a <a href="http://www.retrosistemas.es/media/blogs/lajungla/modelo2.jpg?mtime=1362666481">programar</a>, lo mas importante es que seas <a href="http://1.bp.blogspot.com/_JNFK5xfCMN4/TE7WHUCPVzI/AAAAAAAABDI/fWNTsn6KWlY/s1600/frikis+2+%281%29.jpg">consciente</a> de lo mas importante. ¿Me <a href="http://www.esferaiphone.com/uploads/parental-advisory-explicit-lyrics.jpg">explícito</a>?</h1></div>
<div id="div2">
<a href="documento544.html" target="_blank"><img src="perros-feos300.jpg"></a>
</div>
</body>
</html>
este el html link:
<!DOCTYPE html>
<html>
<head>
<title>La foto</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilosej544.css">
</head>
<body>
<img src="perros-feos600.jpg">
</body>
</html>
Y este el archivo css:
@font-face { font-family: "Candyshop"; src: url('Candy Shop.ttf');}
h1 {
font-family: "Candyshop";
}
div {
margin: 25px; padding: 0px;
}
#div1 a {
cursor: help;
}
#div2 img {
cursor: zoom-in;
}