Nwlapcug.com


Come sostituire la IMG SRC in CSS

In genere, si utilizza il codice HTML per creare elementi in una pagina, ad esempio tabelle e blocchi di testo, e si utilizza il codice CSS stile visivamente gli elementi, ad esempio modificando i colori di sfondo e le dimensioni dei caratteri. Visualizzazione delle immagini è qualcosa di una via di mezzo tra i due, come immagini sono elementi in una pagina Web, ma anche visivo. È possibile sostituire il tag HTML < img > standard con una combinazione di CSS e un tag < div >.

Istruzioni

1

Aprire il file HTML contenente il tag < img > che si desidera sostituire. Individuare il tag < img > all'interno del file.

2

Evidenziare il percorso subito dopo "senza virgolette.

3

Premere "Ctrl" e "C" per copiare questo indirizzo di memoria del computer.

4

Eliminare il tag intero < img >.

5

Digitare quanto segue al posto del tag < img >:

< div style = "width: 150px; Altezza: 150px; background-image: URL (");" >< / div >

Scegliere tra le due virgolette singole all'interno delle parentesi. Premere "Ctrl" e "V" per incollare il percorso dell'immagine.

Modificare l'altezza e la larghezza per corrispondere alle dimensioni della vostra immagine.

6

Salvare le modifiche.