kismvity CSS oldala
Háttér

Háttér

A háttér színét vezérelhetjük segítségével, továbbá elhelyezhetünk képet háttérként, s annak tulajdonságait (elhelyezkedését, ismétlődését, mozgását) állíthatjuk be. A betűkhöz hasonlóan egy definícióban is, és külön-külön is szabályozhatjuk az tulajdonságokat.

  1. body { background-colorwhite; }  

Fehérre állítja a háttér színét. Természetesen a színt hexadecimális formában (#ffffff) is megadhatjuk.

  1. body {  
  2.  background-imageurl(hatter.gif);  
  3.  background-positiontop left;  
  4.  background-attachmentscroll;  
  5.  background-repeatrepeat;  
  6.  }  

A példa a háttérnek megadja a hatter.gif-et (lehetne még none is megadva, ekkor csak a színezés maradna), a bal felső sarokhoz igazítja, beállítja, hogy amikor görgetjük az oldalt, akkor a háttér is mozogjon, s végül még azt, hogy ismétlődjön a háttérkép. A background-position (elhelyezkedés) értékei lehetnek szövegesek: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right, illetve százalékosak (pl. 12% 34%) és pixelben megadottak (pl. 12px 34px). A background-attachement (a rögzízettséget szabályozza) értéke lehet fixedés scroll, az előbbinél nem mozdul a háttér, az utóbbinál pedig a görgetéssel együtt mozog. Az ismétlődést befolyásoló background-repeat négy értéket vehet fel: repeat, repeat-x, repeat-y, no-repeat, melyekkel mindkét, csak az egyik, vagy egyik irányban sem történő ismétlődést érhetünk el.

A háttér paraméterek egy összevonó background paraméterrel:

  1. body { backgroundwhite url(hatter.gif) no-repeat fixed center center; }  

Ebben az esetben mivel a képnek no-repeat értéket adtunk ismétlésül, a fennmaradó területen a háttér fehér színű lesz.

 


 OLDALINFO

   Szerkesztő:
kismvity
Design:
kismvity
Ajánlott felbontás:
1024 x 768
Böngésző:
Internet Explorer
Téma:
design
Email:
kismvitykukaccitromail.hu
HOME

Aktuáis banner:


 

 
MENÜ
 
PINK CSS KÓDOK
 
KÉK CSS KÓDOK
 
LILA CSS KÓDOK
 
BARNA CSS KÓDOK
 
ZÖLD CSS KÓDOK
 
NARANCS CCS KÓDOK
 
FEKETE CSS KÓDOK
 
SZÜRKE CSS KÓDOK
 
MESE CSS KÓDOK
 
VIRÁGMINTÁS CSS KÓDOK
 
TÉLI CSS KÓDOK
 
NAPTÁR
2021. Április
HKSCPSV
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
01
02
<<   >>
 
BEJELENTKEZÉS
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 
princessyork
 
Próba Menüpontok
 

SKAM - SKAM France - wtFock - Druck - SKAM Italia és a többi! Folyamatosan bõvülõ magyar tartalmak! - SKAM SKAM SKAM    *****    Sorozatok Áprilisban-Read&Speak Blog-Sorozatok Áprilisban-Sorozatok Áprilisban-Read&Speak Blog-Sorozatok Áprilisban    *****    Sorozatok Áprilisban-Read&Speak Blog-Sorozatok Áprilisban-Sorozatok Áprilisban-Read&Speak Blog-Sorozatok Áprilisban    *****    SKAM - SKAM France - wtFock - Druck - SKAM Italia és a többi! Folyamatosan bõvülõ magyar tartalmak! - SKAM SKAM SKAM    *****    Gondolatok, vélemények, élménybeszámolók, tagek és egyebek (kpop, ajánlók, horror, blogtippek)    *****    Naruto rajongói oldal és Fanfiction Konoha.hu, Naruto rajongói oldal és Fanfiction Konoha.hu Naruto rajongói oldal    *****    A dohányboltos lány új novella. Sniffany felnõtt meséi, képei és versei a blogon :)    *****    Informatika és Informatikus könyvtáros tételek    *****    AemyDesign.hu teljes kódolt designek gportalra és wordpressre, kódok, tutorialok. képek - AemyDesign.hu - AemyDesign.hu    *****    SKAM - SKAM France - wtFock - Druck - SKAM Italia és a többi! Folyamatosan bõvülõ magyar feliratos tartalmak! - SKAM    *****    Kedves látogatóim! Március hónapban, minden születési horoszkóp megrendeléshez egy Biotérkép elemzést adok ajándékba!!!!    *****    Naruto rajongói oldal és Fanfiction Konoha.hu, Naruto rajongói oldal és Fanfiction Konoha.hu Naruto rajongói oldal    *****    Luxus házikedvenc prt lányokról szóló kis történet, egyéb cikkek.:)    *****    SKAM - Ismerd meg és nézd meg a híres norvég sorozatot és a remakeket! - SKAM - Egyre több MAGYAR feliratos tartalommal!    *****    Adóbevallás (Szja) - SMS-BEN KÉRHETI A BEVALLÁST!!! Kinek készít a Nemzeti Adó- és Vámhivatal (NAV)    *****    A horoszkópod olyan tendenciákra mutat, melyek ismerete, sokat segít az elõre jutásban, a fejlõdésben. Rendeld meg most!    *****    Nagyon részletes születési horoszkóp 20-25 oldal + 3 éves elõrejelzés 20-25 oldal,e-mailben, utána ingyenes konzultáció.    *****    Sniffany felnõtt meséi, képei és versei a blogon :)    *****    Nagyon kedvezõ asztrológiai megrendelés! Születési horoszkóp+3éves elõrejelzés+konzultáció,csak 3000 Ft. Kattints várlak    *****    Ajándékozz kézmûves terméket Marilona Ékszerekbõl. Biztosan találsz megfelelõt, Valetin, esküvõ, szüli és névnapokra.