Taustakuvan sijoittaminen verkkosivustolle on viiden minuutin asia. Paljon enemmän aikaa käytetään kuvan valmisteluun - valinta, säätö, tehosteiden lisääminen, useiden kuvien säveltäminen yhdeksi graafiseksi tiedostoksi.
Ohjeet
Vaihe 1
Tausta-attribuutti vastaa taustan hallinnasta. Jos haluat täyttää sivun tasaisesti yhdellä värillä, käytä body: -tyylitunnistetta. Tausta on musta. Jos käytät CSS: ää, laita päähäsi: body {background-color: # 000000;}
Vaihe 2
Linkin avulla asetetaan toistuva kuva. Osoite määritetään ulkoisena tai sisäisenä linkkinä. Tätä menetelmää käytettäessä on tärkeää, että kuvien väliset saumat pysyvät näkymättöminä, muuten sivu näyttää huolimattomalta. Käytä CSS: ssä: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Vaihe 3
Kuvion toistoa voidaan hallita. Taustatoisto on vastuussa tästä toiminnosta yhdessä seuraavien elementtien kanssa: - toista-x - vaakasuora toisto; - toista-y - pystysuora toisto: - toista - toista molempiin suuntiin; - ei-toista - ilman toistoa. tämä: runko {taustaväri: # 000000; taustakuva: url ("butterfly.gif"); tausta-toisto: ei-toista; }
Vaihe 4
Taustan sijainti auttaa sijoittamaan kuvan verkkosivun haluttuun osaan. Koordinaatit voidaan asettaa käyttämällä prosenttiosuutta (50% 75%), senttimetrejä (5 cm 5 cm), pikselikuvaa (200 px 400 pikseliä), sanamuotoa (vasen, oikea, ylä, keskellä, alhaalla). Esimerkiksi: body {background-color: # 000000; taustakuva: url ("butterfly.gif"); tausta-toisto: ei-toista; taustakiinnitys: kiinteä; taustan sijainti: vasen alaosa; } Arvo 0% 0% on yhtä suuri kuin ylhäällä vasemmalla.
Vaihe 5
Tausta-liitetiedosto-ominaisuus määrittää, vieritetäänkö kuvia sivun mukana (taustaliite: vieritys) vai ei (taustaliite: kiinteä).
