Sivuston taustaa voidaan verrata käyttöjärjestelmän työpöydän taustakuvaan. Tausta (tausta), voit luoda useita muunnelmia, joista keskustellaan jäljempänä.
Välttämätön
Style.css-tiedoston muokkaaminen
Ohjeet
Vaihe 1
Yksivärinen tausta. Yksinkertaisin tausta, iso plus on minimaalinen sivulataus tällaisen kuvan avulla. Jos tyylitiedosto (style.css) ei sisällä taustavärin asettavia komentoja, selain ehdottaa oletuksena valkoista. Käytä taustaväri-komentoa vaihtaaksesi väriä. Esimerkki tämän komennon käytöstä: background-color: # 3366CC.
Vaihe 2
Voit valita tietyn värin käyttämällä erityisohjelmistoa, esimerkiksi grafiikkaeditoria Adobe Photoshop. Jos et ole koskaan työskennellyt sen kanssa, on suositeltavaa käyttää verkkopalveluja. Hämmästyttävä esimerkki on hakukone "Yandex", siirry seuraavaan linkkiin https://yandex.ru ja kirjoita lause "väri sininen". Edessäsi näkyy väritaulukko, jossa voit valita haluamasi, kopioida koodin ja liittää sen sivustokoodiin.
Vaihe 3
Taustan rakenne. Taustavärin lisäksi voit lisätä kuvan tai syklisesti toistuvan kuvion (tekstuurin) mille tahansa sivustosi sivulle. Voit tehdä tämän kirjoittamalla taustavärin kirjoittamisen jälkeen taustakuva-komennon, esimerkiksi background-image: url (img / uzor.png). Tiedoston polku on määritettävä suluissa. On syytä huomata, että tekstuurin tarkkuus voi alkaa pienimmistä (16x16) ja päättyä täysikokoisilla kuvilla sivuston sivuille (800x600 ja enemmän).
Vaihe 4
Taustaa käyttämällä liukuväriä. Tässä tapauksessa käytät taustavärikomennolla määritettyä taustaväriä, mutta luot kaltevuuden. Gradientti voi olla vaaka (x) ja pystysuora (y). Useimmiten tausta-gradienttina käytetään vaakasuoraa sijaintia, joten viiva kaltevuuden kanssa näyttää tältä: background-repeat: repeat-x.
