1. Bruk din favoritt web-kode editor som Notepad ++ eller Adobe Dreamweaver, opprette et nytt style.css dokument og skriv /lim inn følgende kode:
body {
bakgrunn: url (' gradient_background.jpg ');
background-size: 100% 100%;
background-vedlegg: fast;
}
Hvor gradient_background.jpg er et bilde du vil bruke for en gradient bakgrunn.
å lage din egen gradient bakgrunnsbilde jeg anbefale en av disse to tutorials:
Fake gradient hjemmeside bakgrunnen ved hjelp av Photoshop
Fake gradient hjemmeside bakgrunnen ved hjelp av Gimp
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 , ellers må du endre banene i koden
også anbefales.
Hvordan bruke FileZilla FTP klient
3. Klikk for å se eller laste ned min falske gradient Bakgrunnen nettside og kan du også laste ned styles.css filen fra denne tuts.
Ved eventuelle spørsmål eller å la meg nå det fungerte eller ikke fungerte for deg bare send meg en kommentar.
Også anbefalt :
Responsive fullskjerm bakgrunn kun ved hjelp av CSS
<
En falsk gradient nettside bakgrunn med CSS
Previous:Website Brukerregistrering i PHP