¿Cómo utilizar CSS a:hover para reemplazar la imagen de fondo?

Los materiales que se deben preparar incluyen: computadora, navegador y editor html.

1. Primero, abra el editor html y cree un nuevo archivo html, por ejemplo: index.html.

2. En la etiqueta lt; stylegt; en index.html, ingrese el código CSS:

div{height: 80px; coloque el cursor sobre {fondo: url (small2.png)}.

3. El navegador ejecuta la página index.html. En este momento, la imagen de fondo mostrada por el div es small3.png.

4. Mueva el mouse al div y la imagen de fondo cambiará automáticamente a small2.png.