Háttér beállítások háttérkép

Háttér adhatja meg azt a szövegrészt, (szerves része), blokk szintű elem, az asztal, a sejtek és az egész web-oldalak. Jól megválasztott háttér lehet újraéleszteni a web-oldal, és jelölje ki annak egyes elemeit.

Háttér különálló elemek, más a háttér is, a weblap kell állítani kádat csak szélsőséges esetekben. Ellenkező esetben a Web-site túl tarka és nehezen olvasható.

Képesség background-color stílust a háttér színe:

A szín megadható egy RGB-kódja vagy neve. Jelentése eltávolítja átlátszó háttér egyáltalán akkor az elem web-oldal kap egy „átlátszó” háttérben. Alapértelmezésben a háttérben elemek web-oldal hiányzik, és a háttérben a legtöbb web-oldal megadja a Web-böngésző.

BODY background-color: black>

Itt van állítva a teljes web-oldal, fekete háttérrel és fehér szöveget.

stílus background-image tulajdonság lehetővé teszi, hogy rendelni egy kép (háttérkép), mint a háttér:

Ha az érték sem szünteti meg a grafikai háttér.

Háttér ábra jelenik meg a tetején a szokásos háttér, adott nekünk a background-color style attribútum. És, ha a háttérképet tartalmaz egy „pro átlátható” töredékek (ilyen lehetőség által támogatott GIF és PNG formátumban), ez a háttér is „ragyog” rajtuk keresztül.

TABLE.yellow background-image: url ( "/ yellow_background.png")>

Megkérdeztük a tábla és a szokásos és grafikai háttér. Ez egyébként egy bevett gyakorlat a web design.

Ha a háttérkép kisebb, mint az elem a web-oldal (vagy web-oldalon is), amelyre úgy definiáljuk, web-böngésző ismételje meg ezt a képet, amíg a „Zamosc” nekik az egész elemet. A paraméterek ismétlés beállítja a style attribútum background-repeat:

Négy értékeket.


- no-repeat - a háttérképet nem ismétlődik valaha; Ebben az esetben a háttérben a web-oldal elem marad tele van velük.

- ismétlem - háttérkép ismétlődik vízszintesen és függőlegesen (normális viselkedés).

- repeat-x - háttérkép ismétlődik csak vízszintesen.

- repeat-y - háttérkép függőlegesen ismétlődik csak.

A rendszer segítségével a background-position style attribútum, akkor adja meg a háttérképet pozícióját a web-oldal elemet amelyhez hozzá van rendelve:

background-position: <горизонтальная позиция> [<вертикальная позиция>] |
öröklik;

háttérkép vízszintes helyzetben van meghatározva, a következő formában:

A számérték jelzi a helyzetét a háttérképet vízszintes irányban, és a web-oldal is megadható bármely támogatott CSS egység (lásd. 8.1.). Azt is megadhatja nyomon ING értékek:

- Balra - a háttérképet nyomódik a bal szélén a web-oldal elem (ez normális viselkedés);

- center - központjában;

- jobbra - megnyomja a jobb oldalon.

Formátum beállítása a függőleges helyzetben a háttérkép a következő:

A számérték jelzi a helyzetét a háttérképet a web-oldal függőleges elem és megadható a támogatott CSS egység.

A következő értékek használhatók:

- top - a háttérképet nyomódik a felső széle a web-oldal elem (ez normális viselkedés);

- center - központjában;

- alsó - nyomni, hogy az alsó szélét.

Ha bármelyik eleme a web-oldal amely csak a háttérképet a vízszintes helyzet, függőleges helyzet azt feltételezzük, hogy a központ.

TABLE.bgr (háttér-helyzetben: 1cm top>

Ez a stílus hozza a háttérképet a parttól 1 cm-re a bal szélén a web-oldal elemet, és szorítja az alsó széle az elemet.

De a stílus, nyomja meg a háttérképet a jobb szélén a web-oldal elemet, és tegyük a közepén a függőleges elemek:

TABLE.bgr (background-position: jobb>

Amikor görgetni a tartalmát a web-oldalak a web-alapú Advanced ablak, a tekercset és háttérkép (ha van ilyen). A CSS szabvány kínál szórakoztató lehetőséget - ban görgetés hátteret web-oldal és rögzítse a helyén. A rögzítés háttér tulajdonság vezérli a stílus háttér-attachment:

Jelentés scroll teszi Web-böngésző görgetés háttér, tartalmával együtt a web-oldal (ez az alapértelmezett viselkedés). Az érték a rögzített feljegyzések háttérben a helyén, és nem lép tovább.

Úgy lenne értelme, hogy rögzítse csak grafikai háttér állítva a legtöbb web-oldal. Grafikai háttér az egyes elemeket nem lehet kijavítani a web-oldal.

Ebben mi a végén a CSS stílus tulajdonságait.

Kapcsolódó cikkek