|
' immagine che cambia grandezza a seconda la grandezza spazio https://www.w3schools.com/css/tryit.asp?filename=trycss_ex_images_responsive <!DOCTYPE html> <html> <head> <style> img { max-width: 100%; height: auto; } </style> </head> <body> <h2>Responsive Images</h2> <p>Responsive images will automatically adjust to fit the size of the screen.</p> <p>Resize the browser window to see the effect:</p> <img src="img_5terre_wide.jpg" alt="Cinque Terre" width="1000" height="300"> </body> </html> ' oppure questa che resta sempre centrata https://www.w3schools.com/css/tryit.asp?filename=trycss_ex_images_center <!DOCTYPE html> <html> <head> <style> img { display: block; margin-left: auto; margin-right: auto; } </style> </head> <body> <h2>Center an Image</h2> <p>To center an image, set left and right margin to auto, and make it into a block element.</p> <img src="paris.jpg" alt="Paris" style="width:50%"> </body> </html> |