Tecnología

Inicio

Cómo hacer IMG tan ancho como el DIV

June 22

IMG y DIV son etiquetas HTML utilizadas en la construcción de sitios web. La etiqueta IMG suscita una imagen basada en una URL, mientras que la etiqueta DIV define una sección dentro de la página HTML. Las dos etiquetas a menudo se superponen, con una etiqueta IMG dentro de una etiqueta DIV. Utilice hojas de estilo para que la imagen de una etiqueta IMG tan ancha como la sección DIV.

Instrucciones

1 Establecer CSS en el documento HTML mediante la adición de las etiquetas <style type = "text / css"> y </ style> entre las etiquetas <head> y </ head>.

2 Añadir el selector IMG {} entre las etiquetas <style type = "text / css"> y </ style>. Esto indicará al navegador Web procesamiento de la página que usted ha establecido un estilo preestablecido para la etiqueta IMG.

3 Llenar el selector IMG {} con las siguientes propiedades:

width: 100%;
height: 100%;
max-width: 100%;

En conjunto, estas propiedades se asegurará de que la imagen visualizada por cualquier etiqueta IMG tendrá una altura y anchura que llena completamente su bloque de contención - que en este caso es un DIV.