Come fare IMG largo come la DIV

July 5

IMG e DIV sono tag HTML utilizzati nella costruzione di siti web. Il tag IMG suscita un'immagine basata su un URL, mentre il tag DIV definisce una sezione all'interno della pagina HTML. I due tag spesso si sovrappongono, con un tag IMG all'interno di un tag DIV. Usare i fogli di stile CSS per rendere l'immagine di un tag IMG larga come la sezione DIV.

istruzione

1 Impostare CSS nel documento HTML aggiungendo i tag <style type = "text / css"> e </ style> tra i tag <head> e </ head> tag.

2 Aggiungere il selettore IMG {} tra i tag <style type = "text / css"> e </ style> tag. Questo indica al browser Web elaborazione della pagina che avete stabilito uno stile predefinito per il tag IMG.

3 Riempire il selettore IMG {} con le seguenti proprietà:

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

Insieme, queste proprietà garantiranno che l'immagine visualizzata da qualsiasi tag IMG avrà un'altezza e una larghezza che riempie completamente il suo blocco contenitore - che in questo caso è un DIV.


Articoli Correlati