Cómo utilizar el navegador 360 para implementar el filtro CSS para transferir el mouse de blanco y negro a color
1. Primero, cree un nuevo archivo html llamado test.html. En el archivo test.html, cree una tabla de prueba usando la etiqueta de tabla. 2. En el archivo test.html, establezca el atributo de clase de la etiqueta de la tabla en mytable y establezca el borde en 1px.
3. Luego en la pestaña css, establece el estilo de la tabla por clase, definiendo su ancho como 300px y alto como 200px.
4. En la etiqueta css, defina el nombre del elemento td y el selector ":hover" para cambiar el color de fondo de la celda y configúrelo en rojo cuando el mouse apunte a la celda.
5. Finalmente, abra el archivo test.html en el navegador. El color se puede cambiar después de pasar el mouse sobre él.
¿En qué archivo se modifica el efecto de imagen al pasar el ratón sobre el blanco y negro en la página web?
Debe ser js o css. Se pueden llamar a ambos, que es un archivo con un sufijo. js o. CSS, o puede ingresar el código que desea usar directamente en la página en línea. Debes determinar el nombre del código que estás utilizando y buscar las modificaciones de código correspondientes.
Css configura el mouse para que se deslice sobre el fondo para cambiar el color; ¿el mouse se desliza sobre el fondo para cambiar el color?
En muchas páginas web vemos que cuando el ratón se desliza sobre un contenido, el fondo del contenido cambiará de color. Configure el mouse para que se deslice sobre el fondo para cambiar el color. Simplemente use :hover para configurarlo correctamente.
Sintaxis: p:hover { background-color:red }
1. Crea un nuevo archivo html. Dibujar
2. Busque la etiqueta del cuerpo en el archivo html, cree una etiqueta P en esta etiqueta y establezca la clase en bg. Como se muestra en la figura:
Código: p>/p>
3. Cree una etiqueta de estilo después de la etiqueta de título para agregar estilos a la clase bg. Establezca aquí el ancho, alto y color de fondo de la categoría de fondo. Dibujar
Código:
styletype="text/css "
. Azúcar en sangre
Ancho: 150 px;
Alto: 150 px
Color de fondo: rojo
}
/style & gt;
4. Establezca el cambio de color de fondo cuando el mouse se deslice sobre p. Pase el mouse sobre la clase de estilo bg y luego configure el color de fondo cuando el mouse se desplace. Sorteo
Código:
. Fondo: flotar{
Color de fondo: arpillera;
}
5. Se abre el navegador de utilidades. Después de guardar el html, ábrelo usando tu navegador. El fondo es rojo cuando el mouse no se desliza sobre P. Cuando el mouse se desliza sobre P, el fondo cambia de rojo a marrón.
6. Todos los códigos se pueden copiar directamente a un nuevo archivo html. Después de guardarlos, puede ver el efecto abriéndolo en el navegador. Como se muestra en la imagen:
Todos los códigos:
! DOCTYPEhtml & gt
html & gt
head & gt
Conjunto de metacaracteres="UTF-8 "
título & gt Mouse sobre el fondo para cambiar el color/título>
styletype="text/css "
. Azúcar en sangre
Ancho: 150 px;
Alto: 150 px
Color de fondo: rojo
}
.
fondo:hover{
Color de fondo:arpillera;
}
/estilo & gt;
/cabeza & gt; p>
cuerpo & gt
p & gt/p & gt;
/cuerpo & gt;
/html & gt;
¿Cómo hacer que una imagen se ilumine cuando se pasa el mouse con CSS?
1. Abra hbuilder, establezca una P en el archivo html en blanco, asigne una clase a P y asígnele el nombre img.
2. Establezca el ancho y el alto de la clase img en css, introduzca la imagen de muestra y configure la imagen para que no se repita. Y establezca la pseudoclase ":hover" en la clase de img y establezca la transparencia en la pseudoclase en 0,6.
3. Abra el navegador y vea el efecto en el navegador.
4. Mueva el mouse dentro de la pantalla y verá que la pantalla se vuelve más brillante.
Lo anterior es una demostración del uso de CSS para configurar el mouse para iluminar la imagen y eliminar el efecto de oscurecimiento.