Come Vedere IMG dell'immagine utilizzando i CSS

December 15

Hypertext Markup Language, un linguaggio di programmazione per la creazione di siti web, utilizza il tag <img> per inserire le immagini in una pagina. È possibile aggiungere stile CSS codice lenzuola per fare un'immagine visibile o invisibile. CSS è un linguaggio di fogli di stile che completa HTML e altera o crea elementi di una pagina Web. Per vedere le immagini nascoste usando i CSS, si accendono visibilità per una o più immagini.

istruzione

1 Inserisci "<style> </ style>" tra i tag <head> e </ head> tag per abilitare gli stili CSS nella pagina.

2 Aggiungi "img {visibilità: visibile;}" tra il CSS <style> tag per accendere visibilità per tutte le immagini contenute nella pagina. Il codice dovrebbe essere simile alla seguente:

<Head>
<Style>
img {visibilità: visibile; }
</ Style>
</ Head>

3 Sostituire "img" con "img.name" per puntare a una specifica immagine sulla pagina. Sostituire "nome" con un'etichetta univoca. Per esempio:

<Head>
<Style>
img.header {visibilità: visibile; }
</ Style>
</ Head>

4 Aggiungere class = "nome" al tag <img> dell'immagine che si desidera rendere visibile sulla pagina. Sostituire "nome" con l'etichetta unica si è utilizzato il codice CSS.

Utilizzando la stessa etichetta, come nell'esempio precedente, il tag <img> dovrebbe essere simile al seguente:

<Img class = "header" src = "http://www.my website.com/mypicture.jpg">

5 Controllare la pagina dopo l'aggiornamento del codice per vedere l'immagine o le immagini in CSS.