Image : Hover.

Hola gente de CCTW!! COMO ESTAN?

Espero que muy bien, les comento que yo tambien llegue al increible curso de CCTW, cosa que me parece facinante y le doy todos mis agradecimientos a Jorgans por darme los conocimientos para poder levantar una WEB.

Ahora al problema, lo que sucede es que yo estoy en mi pagina y de enlace puse una imagen.

Bueno ahora quiero que esta imagen al entrar en estado de :Hover se agrande o sustituya.

Aca dejo mi Codigo de index.html .

<div id="contenido">

<div id="HL">
<ul><li><a href="/Sub/HLiteral.html"><img src="objetos/HumorEscrito.jpg" width="491px" height="491px" alt="C1" /></a></li></ul>

</div>

como deberia poner en el CSS ?

Desde ya muchas gracias !

Para agrandar la imagen, como tú dijiste, tienes que utilizar hover :p

etiqueta:hover {
  /* Propiedades de "etiqueta" al tener el cursor encima */
}

Por tanto, lo que tú buscas sería:

img:hover {
  /* Ojo, esto funciona con todas las imágenes de tu web. Deberías utilizar un identificador o clase para que sólo funcione en las imágenes que tú quieras */
  height: 600px; /* Altura */
  width: 600px; /* Ancho */
}