Sivuston värillinen tausta ei vain houkuttele kävijöitä, vaan välittää myös resurssin tunnelman. Avaruusaiheiset sivustot luovat mysteerisen ilmapiirin taustalla tähtitaivaan muodossa, viihdeaineistot piristävät rikkailla väreillä lämpimiä värejä, kaupunkipalvelujen verkkopalvelut osoittavat virallisuutensa karkealla muotoilulla ja taustoilla, jotka ovat enimmäkseen harmaita ja sinisiä sävyjä. On useita tapoja tehdä oma verkkosivusi värilliseksi.
Se on välttämätöntä
- - sinun sivusi
- - ainakin HTML-perustiedot
Ohjeet
Vaihe 1
Jos haluat tehdä tasaisen värisen taustan, etsi seuraavat tunnisteet ja HTML-koodista. Vaihda ensimmäinen tagi näin:
Tässä rakenteessa # FFFF33 on koodattu keltainen sävy.
Vaihe 2
Sivun väri voidaan määrittää paitsi koodilla myös erityisillä sanoilla - päävärien nimillä. Jos haluat ilmaista taustavärin sanalla, kirjoita seuraava koodi:
Tässä "keltainen" on keltaisen värin nimi.
Vaihe 3
Lisää keltaisen koodimerkin tai sen nimen sijaan haluamasi taustavärin nimi tagiin käyttämällä tätä vihjettä:
punainen - "punainen" ("# FF0000")
sininen - "sininen" ("# 0000FF")
vihreä - "vihreä" ("# 008000")
vaaleanpunainen - "vaaleanpunainen" ("# FFC0CB")
violetti - "violetti" ("# EE82EE")
oranssi - "oranssi" ("# FFA500")
musta - "musta" ("# 000000")
Vaihe 4
Jos haluat, että sivuston taustalla on toistuva kuva, valitse pieni kuva, jota vasten teksti näkyy selvästi. Lähetä kuva sivustolle. Jos haluat sijoittaa kuvan taustaksi, kirjoita tämä koodi tunnisteeseen
Määritä tässä merkinnässä polku haluttuun kuvaan "/images/fon.jpg" -kohdan sijaan.
Vaihe 5
Verkkosivujen väri voidaan asettaa paitsi HTML-koodiksi myös CSS-tyylien avulla. Näiden tyylien avulla sinun ei tarvitse asettaa taustaa uuden sivun koodissa joka kerta. Määritä tausta CSS: ssä tunnisteiden väliin ja sijoita tällainen merkintä seuraavasti:
runko {
tausta: # FFFF33;
}
Tässä taustaväri asetetaan taustaparametrilla.
Vaihe 6
Jos haluat tehdä taustan CSS: ssä kuvan avulla, kirjoita seuraava koodi sen sijaan, että '/images/fon.jpg' määrittäisi polun haluttuun kuvaan:
runko {
taustakuva: url ('/ images / fon.jpg');
tausta-toisto: toista;
}
Tässä taustakuvan parametri määrittelee taustakuvan, taustatoisto - kuvan toisto. Sivulla.
