A táblák háttérektől való megkülönböztetése segít a táblázat tartalmának hangsúlyozásában a weboldal minden máshoz viszonyítva. Táblázat hátterének hozzáadásához meg kell változtatnia a lépcsőzetes stíluslap támogatja az Ön weboldalát.
Elkezdeni
A táblázathoz háttérkép hozzáadásának legjobb módja a CSS használata háttér ingatlan. Ha fel akarja készíteni magát a CSS hatékony megírásához és a váratlan megjelenési hibák elkerülése érdekében, nyissa meg a háttérképet, és jegyezze fel a magasságot és a szélességet. Ezután töltse fel képét a tárhelyszolgáltatóhoz. Tesztelje a kép URL-jét; az egyik leggyakoribb ok, amiért a képek nem jelennek meg, az az, hogy az URL-ben elírás van.
Helyezzen be egy CSS stílusblokkot a dokumentum fejébe:
Írja meg az asztal hátterének CSS-jét, és tegye a stílusblokkba:
Helyezze asztalát a HTML-be:
cella 1cell 2
cella 1cell 2
Állítsa be a táblázat szélességét és magasságát a kép szélességéhez és magasságához.
Állítsa be a táblázat szélességét és magasságát a kép szélességéhez és magasságához.
Ha az asztal tartalma nagyobb, mint a kép magassága és szélessége, a háttérkép csak egyszer jelenik meg.
Tegyen hátteret csak egy asztalra
A fenti utasítások ugyanazt a háttérképet állítják be az oldal minden táblázatában. Ha csak a meghatározott táblákra kívánja helyezni a hátteret, használja a osztály tulajdonság. Add hozzá a osztályháttér bármelyik táblához, amelyhez azt a háttérképet szeretné látni. Állítsa be az asztalok szélességét és magasságát.
Ismételje meg a táblázat háttérképét
Előfordulhat, hogy nagyobb vagy több tartalmú tábláknak meg kell ismételni a hátteret, hogy az egész tábla kitöltődjön. Módosítsa a CSS értékét úgy, hogy a kép megismétlődjön az y tengelyen, az x tengelyen, vagy mindkettőre csempézett legyen.
háttér: url ("URL a képhez") ismétlés;
Alapértelmezés szerint az ismétlés értéke csempézett, de az ismétlés értékét is beállíthatja.
ismételje-x
vagy.
ismételje-y
vízszintesen vagy függőlegesen csempézni.
A cella háttérszínei blokkolják a táblázat háttérképét
Bármilyen háttérszín az asztalra beállított cellák felülírják az asztal háttérképét. Ezért legyen óvatos, ha a cellákon háttérszíneket használnak a táblázat háttérképével együtt.
Megfontolások
Bármelyik képnek megfelelő licenccel kell rendelkeznie; Az, hogy fényképet talál az interneten, még nem jelenti azt, hogy saját felhasználására is felhasználhatja. Tiszteld a szerzői jogokat!
A táblázat hátterei megkülönböztetik a táblákat az alapul szolgáló oldaltól. Azonban gondold át kétszer, mielőtt használnád ezt a technikát. A semleges kép beszúrása nem zavaró lehet, de bonyolult, aranyosnak szánt képek (például a cica képe az asztal mögött, jelezve a háziállatok örökbefogadását) szakszerűtlennek tűnhet, és befolyásolhatja a a táblázatos adatok.