A Háttér Beállítása

Tartalomjegyzék:

A Háttér Beállítása
A Háttér Beállítása

Videó: A Háttér Beállítása

Videó: A Háttér Beállítása
Videó: háttérkép berakása ł windows 10 2024, Április
Anonim

Webhelyének szépítése érdekében az interneten változtatásokat hajthat végre. A dizájn megváltoztatása bármilyen műveletet igényel, a főoldal hátterének megváltoztatásától kezdve a webhelysablon teljes átrajzolásáig. Ha úgy dönt, hogy megváltoztatja webhelyének hátterét, akkor a következő utasítás segít a probléma megoldásában.

A háttér beállítása
A háttér beállítása

Szükséges

A css fájl szerkesztése

Utasítás

1. lépés

A webhelytervezési kód nagyrészt a style.css fájlban található. De minden sablon eltérhet az előzőtől, így a tervezési kód egy másik fájlban, de a css kiterjesztéssel is megtalálható. Webhelyének háttérszínének beállításához meg kell adnia vagy be kell cserélnie a meglévő értéket a következő kifejezéssel: / * white background * / body {

háttérszín: #FFFFFF;} / * fehér cím háttér, fekete betűszín * / h1 {

szín: # 000000;

háttérszín: #FFFFFF;

}

2. lépés

Bármely kép háttérbe illesztéséhez a webhelyén meg kell adnia vagy be kell cserélnie a meglévő értéket a következő kifejezéssel: body {

háttérszín: # 000000;

háttérkép: url ("Kép-1.jpg");

}

Meg kell jegyezni, hogy ebben az esetben meg kell adni egy linket a képfájlra, amely ugyanabban a mappában található, mint a css fájl.

3. lépés

Ha kis képet vagy kis képet akar csempézni, akkor használja a background-repeat parancsot. A parancs helyes használatához a parancsnak számos finomítása van:

háttérismétlés: ismétlés-x - ismételje meg a képet az x tengely mentén;

háttérismétlés: ismétlés-y - ismételje meg a képet az y tengely mentén;

háttérismétlés: ismétlés - kép ismétlése két tengely mentén egyszerre;

háttérismétlés: nem ismétlés - a kép nem ismétlődik;

háttér-melléklet: görgetés - a kép görgetése az oldallal együtt;

háttér-melléklet: rögzített - a kép nem gördül le.

A parancs szintaxisának használatával példákban bemutathatja működését.

background-position: 30px 40px - A kép felülről 30, balról jobbra 40 pixel.

háttérpozíció: 60% 35% - A bal oldali párnázat 60%, a felső párnázat pedig 25%.

Ajánlott: