Saját webhely létrehozásakor természetesen azt szeretné, hogy a lehető legvonzóbban jelenjen meg, függetlenül a felhasználó böngészőjének verziójától. Különösen azért, hogy a háttérképet megnyújtsák és a számítógép monitorának felbontásához igazítsák.
Szükséges
a html, css, java-script használatával kapcsolatos készségek
Utasítás
1. lépés
Nyissa meg webhelyének kódját bármely szerkesztőben, például a Jegyzettömbben vagy egy külön webdesign-programban, a Dreamweaverben. Illessze be a következő sorokat a kódba a webhely hátterének kinyújtásához. Háttér hozzáadása: url (‘Link beillesztése a képbe’).
2. lépés
A kép vízszintes méretezéséhez használja a következő kódot: Háttér: url (‘Link beillesztése a képbe’ ismételje-x), függőlegesen - a kód végén cserélje le x-et y-re. Ha a webhely css fájlba van formázva, illessze be a kódot. Így képes lesz gumiszerű hátteret teremteni webhelyén.
3. lépés
Az alábbi kódpéldával háttérképet helyezhet el egy oldalon, és automatikusan kinyújtja, hogy illeszkedjen annak a monitornak a felbontásához, amelyen az oldalt nézi. Példa kód: body {background: "Link beillesztése a háttérképbe" () no-repeat fix bal közép; akkor háttérméret: […].
4. lépés
A háttérkép kinyújtásához egyszerűen helyezzen be egy képet háttérként, és állítsa be a szélességét 100% -ra. Például illessze be a következő szöveget az oldal kódjába: háttérkép "alt =" Írja be a kép nevét "/>. Így a kép szélességéhez igazodik, de az arányait megsértik.
5. lépés
Hasonlóképpen beállíthatja, hogy a kép magasságba nyúljon, a szélesség attribútum helyett használja a magasságot. Vagy használja a következő kód példát a css-hez: a webhely háttérképe) ">, és utána adja hozzá a kép 100% -os szélességét, mint az előző példában. A szkript segítségével megtudhatja a felhasználó képernyőfelbontását és módosíthatja a méretet az asztalod érte.
