Hogyan kell beállítani a hátteret a honlapon (CSS tulajdonság háttér)

Tehát ha a háttérben tulajdon, akkor a szín, pozíció, kép, patent és ismételhetőség, mint a háttér egyetlen cella, valamint az egész oldalon. Az utóbbi, sőt, hogy meghatározza a beállításokat a tag szervezetben. Tekintsük az összes társított tulajdonságának a háttér (háttér). Ha csak a tanulás, akkor a legjobb megoldás az lenne, egy lecke elsajátítását gyakorlati alkalmazása tulajdonságait ugyanolyan módon, mint azt vizsgálja felül az alábbi:

background-color - beállítja a háttér színét. Lehet alkalmazni, hogy az egyes tételek

,

vagy az egész oldalon keresztül a via tag :

background-image - beszúrt egy háttérképet, ebben az esetben a css jelzi a linket egy kép:

Figyeljük meg, hogy az utat a kép - ez azt jelenti, hogy meg kell ugyanabban a könyvtárban, mint a fájl css stílusokat. Ellenkező esetben meg kell adnia a helyes utat, hogy a képet.

background-méret - meghatározza a méret a háttérkép.

Ha megadja az értékét a fedél, a háttér is kell méretezni, hogy a szélessége és magassága a kép szélessége és magassága = a blokk. Ha tartalmaz értéket, a méretezési lesz megtartva a kép arányait, hogy teljesen illeszkedik a blokk.

background-repeat - amelyet az előző példában a kép lesz „reprodukálás” (ismétlődő) a képernyőn. Ez a funkció célja, hogy kezelje ezt a folyamatot. Számos érvényes értékek:

  • background-repeat: repeat-x - kép ismétlődik csak vízszintesen
  • background-repeat: repeat-y - a kép csak függőlegesen ismétlődik
  • background-repeat: repeat - a kép ismétlődik mind vízszintesen, mind függőlegesen
  • background-repeat: no-repeat - a kép nem ismétlődik

background-attachment - ez tulajdonság meghatározza, hogy a háttérkép fix, amikor lapozunk az oldalon:

  • background-attachment: scroll - görgetés az oldal
  • háttér-attachment: fixed - amikor görgetéssel háttér mozdulatlan marad

background-position - meghatározza a helyét a kép a képernyőn, alapértelmezésben megjelenik a bal felső sarokban. Ez a tulajdonság az érték egy sor koordinátái X (vízszintes) és Y (függőleges), amely nachinayutsya a bal felső sarokban. Be lehet állítani:

  • rögzített egységeiben (pixel, centiméter)
  • százalékában
  • szóban: - felső (felső), alsó (fenék), központ (a központ), balra (bal) és a jobb (jobb).
  • background-position: 20px 50px - kép visszahúzódik le 20 képpont felett és a jobb oldali 50 a bal szélén.
  • background-position: 50% 25% - van vízszintesen középre és lépések 25% a tetején.
  • background-position: jobb alsó - rajz található a jobb alsó sarokban.

Minden beállítás tárolható egy tulajdonsága háttérben. az, hogy a tulajdonságok:

[Background-color] | [Háttér-kép] | [Background-repeat] | [Háttér-attachment] | [Háttér-helyzetben]

háttér: # 000 url ( "az én-image.jpg") no-repeat fix bal alsó;

Ha bármely ingatlan telt el, ez az alapértelmezett beállítás.

Remélem, hogy ez a bemutató hasznos az Ön számára, iratkozzon fel a blog frissítéseket RSS, akkor számíthat egy csomó érdekes titkot!

Mint a bejegyzést? Feliratkozás a blog frissítéseket RSS. E-mail vagy a Twitter.