Az oldal színes háttere nemcsak vonzza a látogatók figyelmét, hanem közvetíti az erőforrás hangulatát is. Az űr témájú webhelyek titokzatos légkört teremtenek csillagos ég formájában, a szórakoztató források gazdag meleg színekkel örvendeznek, a városi szolgáltatások webszolgáltatásai szigorú dizájnnal, többnyire szürke és kék árnyalatokkal rendelkező háttérrel mutatják be hivatalosságukat.. Számos módon lehet saját weboldalt színesíteni.
Szükséges
- - te oldalad
- - legalább a HTML alapismeretei
Utasítás
1. lépés
Egyszínű háttér készítéséhez keresse meg a következő címkéket és a HTML-kódban. Módosítsa az első címkét a következőképpen:
Ebben a konstrukcióban az # FFFF33 a sárga kódolt árnyalata.
2. lépés
Az oldal színét nemcsak kóddal lehet megadni, hanem speciális szavakkal is - az elsődleges színek nevével. Ha a háttérszínt szóval szeretné jelezni, írja be a következő kódot:
Itt a "sárga" a sárga szín neve.
3. lépés
A sárga kódjel vagy neve helyett adja hozzá a címkéhez a kívánt háttérszín kívánt megjelölését a következő tipp segítségével:
piros - "piros" ("# FF0000")
kék - "kék" ("# 0000FF")
zöld - "zöld" ("# 008000")
rózsaszín - "rózsaszín" ("# FFC0CB")
lila - "lila" ("# EE82EE")
narancs - "narancs" ("# FFA500")
fekete - "fekete" ("# 000000")
4. lépés
Ha azt szeretné, hogy ismétlődő kép legyen a webhely hátterén, akkor válasszon egy kis képet, amely ellen a szöveg jól látható lesz. Töltsön fel egy képet a webhelyre. Ha képet szeretne háttérként elhelyezni, írja be ezt a kódot a címkébe
Ebben a bejegyzésben az "/images/fon.jpg" helyett adja meg a kívánt kép elérési útját.
5. lépés
A weboldalak színe nemcsak HTML kódban állítható be, hanem CSS stílusokkal is. Ezeknek a stílusoknak a használatával nem kell minden alkalommal beállítania a hátteret egy új oldal kódjában. Háttér definiálása CSS-ben a címkék között és egy ilyen bejegyzés elhelyezése:
body {
háttér: # FFFF33;
}
Itt a háttér színét a háttér paraméter határozza meg.
6. lépés
Ha képet akar létrehozni a CSS-ben, akkor a kívánt kép elérési útjának megadása helyett az /images/fon.jpg
body {
háttérkép: url ('/ images / fon.jpg');
háttér-ismétlés: ismétlés;
}
Itt a háttérkép paraméter határozza meg a háttérképet, a háttérismétlés - a kép ismétlését. Az oldalon.
