« anterior próximo »
Páginas: [1]

Autor Tema: HTML CSS Atributo Cursor modificar el puntero visible ratón Ejercicio CU01054D  (Leído 2182 veces)

Chompy129

  • Intermedio
  • ***
  • Mensajes: 130
  • Programar es divertido. :)
    • Ver Perfil
HTML CSS Atributo Cursor modificar el puntero visible ratón Ejercicio CU01054D
« en: 25 de Septiembre 2016, 21:58 »
cursor CSS. Tipos. Efectos hover: move, no-drop, resize, not-allowed, crosshair, progress, wait. (CU01054D)

 ;) Aquí esta la actividad CU01054D del curso Bases de la programación web con CSS:

Código HTML (página 1)
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tipos de cursor</title>
<link reL="stylesheet" type="text/css" href="cursor.css">
</head>
<body>
<div id="div1">
<a href="">¿El tomate es una fruta o un vegetal?</a><br><br>
<a href="">¿Avatar es animación o anime?</a><br><br>
<a href="">¿Los caballos tienen uñas?</a><br><br>
<a href="">¿Són necesarias estas preguntas?</a>
</div>
<div id="div2">
<a href="Ejercicio_Cursor-pag2.html" title="AUMENTAR IMAGEN" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/en/8/86/Avatar_Aang.png" width="200px" height="300px" alt="Avatar.png"></a>
</div>
</body>
</html>
Código CSS
Código: [Seleccionar]
/*DATOS GENERALES*/
*{font-family: "Lucida Fax", "Lucida sans", sans-serif;}

/*Links*/
a:link, a:visited{color: #6BB0FF; text-decoration: none; font-weight: 700;}
a:hover{color: #3A78FF;}

/*Div*/
div{float: left; margin: 25px; padding: 0;
width: 200px; height: 300px; border: 5px solid violet;}

#div1 a{cursor: help;}
#div2 a{cursor: zoom-in;}
Código HTML (Página 2)
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Avatar - Imagen aumentada</title>
</head>
<body>
<img src="https://upload.wikimedia.org/wikipedia/en/8/86/Avatar_Aang.png" alt="avatar.png" width="600px">
</body>
</html>
« Última modificación: 01 de Octubre 2016, 12:13 por Alex Rodríguez »
En línea

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:HTML y CSS. Atributo Cursor. Ejercicio CU01054D
« Respuesta #1 en: 26 de Septiembre 2016, 01:01 »
Buenas.

Todo correcto.

Saludos. ;D
En línea
Páginas: [1]
« anterior próximo »
 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".