Hvordan lage et bilde bakgrunn i CSS

September 17

Cascading Style Sheets (CSS) er koden som fungerer med din Hypertext Markup Language (HTML) å style websidene. Denne CSS-kode består av stilregler som styrer leseren om hvordan du kan vise innholdet. CSS-koden kontrollerer mange ting, for eksempel skriftstørrelse og sidemarger. I tillegg har du muligheten til å bruke et bilde på siden din, slik at din bakgrunn viser dette bildet. Du kan bruke datamaskinens tekst editor program for å lage en CSS foto bakgrunn for ditt nettsted.

Bruksanvisning

1 Få tilgang til en gratis fil eller bilde vert, for eksempel Mediafire eller TinyPic, og følg instruksjonene på skjermen for å laste opp ditt bilde (se Ressurser). Kopier URL-adressen som vises når du er ferdig opplastingsprosessen (for eksempel "http://www.host.com/photo.jpg"). En vert gjør bildet ditt til å bli sett på en webside.

2 Åpne din tekst editor program (Notepad i Windows, i Tilbehør-mappen) og åpne et nytt dokument. Skriv "kropp" og skriv inn et sett med klammeparenteser for å lage CSS kroppen regelen som styrer det generelle utseendet på siden. For eksempel:

kropp { }

3 Skriv "background-image: url ( '');" mellom kropp regel parentes som så:

body {background-image: url ( ''); }

4 Skriv inn bildets URL mellom anførselstegn i parentes. Å illustrere:

body {background-image: url ( 'http://www.imagehost.com/photo.jpg'); }

5 Lagre dokumentet med "Css" slutt (for eksempel "background.css"). Plasser filen på en vert (som i trinn 1) og registrere URL-adresse.

6 Åpne websiden der du vil ha bildet bakgrunn i en teksteditor og plassere markøren mellom "<head> </ head>" elementer på toppen. Skriv inn et stilark kobling med CSS dokumentet URL etter "href =" entry som følgende eksempel:

7 Lagre arbeidet ditt. Bildet ditt vises nå som bakgrunnen på websiden.