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
2017. Július
HKSCPSV
26
27
28
29
30
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
31
01
02
03
04
05
<<   >>
 
BEJELENTKEZÉS
Felhasználónév:

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

Tudod, milyennek látnak téged mások? Elárulja Aszcendensed!    *****    AZ EGYETLEN MÛKÖDÕ MAGYAR DEMI LOVATO FORRÁSOD - ÉRTESÜLJ ELSÕ KÉZBÕL A DEMIVEL TÖRTÉNT HÍREKRÕL - DEMI LOVATO    *****    Hûsölj a nyári melegben egyedi módon - nézz jégkorong meccset! Nem tudod, hol kezdd? Adok pár tippet! ^^    *****    STITCHERS - Gyere és ismerd meg a Freeform csatorna sorozatát és annak színészeit! Épp San Diego Comic-Con lázban égünk!    *****    Portálépítés és portáldíszítés kezdõknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!    *****    INGYENES HOROSZKÓP ELEMZÉS, ASZTROLÓGIA OKTATÁS! CSAK REGISZTRÁLNOD KELL!    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is H&#245;s! H&#245;sregék RPG    *****    Erdõszéli tudósítónk jelenti: Marculábi cica éjszakai felfedezõútra indult! Gyertek ti is! Részletek a Mesetárban!    *****    Születési horoszkóp 1000 Ft. 3 év elõrejelzés 1000 Ft. Párkapcsolati elemzés 1000 Ft. Óriási nyári akció csak nálam!!!    *****    Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lor    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is Hõs! Hõsregék RPG    *****    Filmek itt!    *****    Ha szeretsz filmet nézni klikk ide! Klikk klikk    *****    "Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.    *****    Megújult külsõvel vár Magyarország egyetlen Olicity rajongói lapja! Mindennap friss hírek a sorozatról és a párosról!    *****    Készítsd el saját horoszkópod ingyen,csak kattints!Fantasztikus akciók a fõoldalon,ezt nem szabad kihagyni! Látogas meg!    *****    BLOG, STORYK, KRITIKÁK, BESZÁMOLÓK, KEDVENCEK, DIVAT, SZÉPSÉGÁPOLÁS, LAKBERENDEZÉS, MINDEN AMI EGY BLOGRA KELL!    *****    Nyári akció,minden horoszkóp megrendelés 1000 Ft. Rendelj most szeretteidnek ajándék horoszkópot.Várlak az oldalamon!    *****    Gréti. 23. ExmisszusGyakornok. Jégkorong. Ottawa Senators. Jean-GabrielPageau. ErikKarlsson. Írás. Olvasás. Blog. (: