-
Cómo cambiar el alto y ancho de paso del ratón
-
Los desarrolladores web utilizan HTML y CSS para construir sitios web que se ven bien en cualquier navegador web moderno. Estas dos tecnologías, cuando se usa en conjunto, permiten a los diseñadores crear sitios web complicados y hermosas sin tener que recurrir a los diseños basados en tablas, lo que hizo para el código desordenado. CSS incluso permite a los diseñadores codificar fácilmente efectos tales como el cambio de la altura y el ancho de un elemento cuando un visitante al sitio mueve el puntero del ratón sobre el elemento.Instrucciones
1 Abra un editor de texto. Puede abrir el Bloc de notas haciendo clic en el menú Inicio, a continuación, seleccionar "Todos los programas", luego "Accesorios", y finalmente hacer clic en "Bloc de notas".
2 Introduzca el siguiente código para crear un cuadrado rojo que es de 150 píxeles de lado.
<Html>
<body>& Lt; style>
.block {display: block; altura: 150px; Anchura: 150px; background-color: rojo; }
& Lt; / style>
& Lt; div class = "bloque">
& Lt; / div>
& Lt; / body>
</ Html>
3 Cierre y guarde el documento; cuando nomenclatura de archivos, utilice la extensión ".html".
4 Abra el archivo en un navegador Web. Usted puede hacer esto arrastrando el archivo en una ventana del navegador. Debería ver un cuadrado rojo.
5 Abra el archivo de nuevo en el Bloc de notas. Inserte el siguiente código justo antes de la etiqueta "</ style>".
.block: hover {height: 200px; Anchura: 200px; }
Este código indica al cuadrado rojo para cambiar el tamaño sí en 200 píxeles cuando el usuario se "asoma" sobre el elemento con el ratón.
