1. Med din favoritt-kode editor som Notepad ++ eller Adobe Dreamweaver, oppretter en ny styles.css dokument og skriv /lim inn følgende kode:
html {min-height: 100%; background-size: dekke; background-image: url (background.jpg); background-repeat: no-repeat; background-posisjon: høyre nederst;}
body {min-height: 100%; }
Hvor background.jpg er et bilde av den bakgrunnen du vil bruke. Jeg foreslår at du å bruke bildet med en størrelse på 1650x1050 slik at folk med store skjermoppløsninger vil være i stand til å nyte den høye kvaliteten bakgrunnsbildet
anbefales også hvis du er en css nybegynner.
Introduksjon til CSS tekststiler for nybegynnere
2. i index.html dokumentet skriv inn følgende kode før < /head > tag:
< link rel = "stylesheet" href = "styles.css" />
Pass på at du lagrer index.html, styles.css og bakgrunnsbildet i samme mappe på webserveren din , ellers må du endre stier i koden
også anbefales.
hvordan bruke FileZilla fTP klient
3. Og dette er hvordan min responsive fullskjerm bakgrunn ser ut med litt tekst lagt
Klikk for å se eller laste ned min responsive fullskjerm bakgrunn nettside, og du kan også laste ned styles.css filen fra denne tuts
anbefales også..
Gjennomsiktig mønster over nettstedet bakgrunn med CSS
<