Hvordan å se IMG bilde med CSS

March 3

Hypertext Markup Language, en datamaskin språk for webside laging, bruker <img> -taggen for å sette inn bilder på en side. Du kan legge Cascading Style Sheets kode for å lage et bilde synlig eller usynlig. CSS er et stilark språk som utfyller HTML og endrer eller oppretter elementer på en webside. For å se skjulte bildene ved hjelp av CSS, slå på synlighet for ett eller flere bilder.

Bruksanvisning

1 Sett "<style> </ style>" mellom <head> og </ head> taggene å aktivere CSS stil på siden.

2 Legg til "img {visibility: synlig;}" i mellom CSS <style> koder for å slå på synlighet for alle bildene på siden. Koden skal se slik ut:

<Head>
<Style>
img {visibility: synlig; }
</ Style>
</ Head>

3 Erstatt "img" med "img.name" til å peke på et bestemt bilde på siden. Erstatt "navn" med en unik etikett. For eksempel:

<Head>
<Style>
img.header {visibility: synlig; }
</ Style>
</ Head>

4 Legg class = "navn" til <img> -taggen av bildet du ønsker å synliggjøre på siden. Erstatt "navn" med den unike etiketten du brukte i CSS-koden.

Ved bruk av samme merke som i foregående eksempel, bør ditt <img> -taggen ligne på følgende:

5 Sjekk siden etter oppdatering koden for å se bildet eller bildene i CSS.