Reemplazar una imagen (en una etiqueta <img />) usando css
Tengo el siguiente html:
<div class="A">
<img src="image1.png" width="100px" height="100px"/>
</div>
En la hoja de estilo css de mis consultas de medios, me gustaría reemplazar esa imagen con otra (image2.png).
¿Cuál es el código css que necesito escribir?
Intenté lo siguiente:
.A img
{
background:url("image2.png") no-repeat;
}
¿Pero esto no parece correcto?