A kép beállítása háttérként egy weboldal táblázatához

A táblázatok differenciálódása a háttérektől segít a táblázat tartalmának hangsúlyozásában a weboldalon található összes többi tartalomhoz képest. Táblázat hátterének hozzáadásához módosítania kell a weboldalát támogató lépcsős stíluslapot (CSS).

Elkezdeni

A háttérképnek a táblázatba való felvételének legjobb módja a CSS használata

háttér

ingatlan. Ahhoz, hogy felkészülhessen a CSS hatékony írására és a váratlan megjelenítési hibák elkerülésére, nyissa meg a háttérképet, és jegyezze fel a magasságot és a szélességet. Ezután töltsd fel a képet a tárhely szolgáltatónak. Vizsgálja meg a kép URL-jét; az egyik leggyakoribb ok, amiért a képek nem jelennek meg, mert van egy hiba az URL-ben. Miután befejezte ezt a lépést, helyezzen el egy CSS stílusblokkot a dokumentum fejrészében:

Írja le a CSS-et a háttérben az asztalra, és tegye azt a stílusblokkba:
táblázat {háttér: url (" URL a képhez ") no-repeat;}

Helyezze asztalt a HTML-ben:

sejt 1

2. sejt

sejt 1

2. sejt

Állítsa be a táblázat szélességét és magasságát ahhoz, hogy illeszkedjen a kép szélességéhez és magasságához.
…

Ha a tábla tartalma nagyobb, mint a kép magassága és szélessége, akkor a háttérkép csak egyszer jelenik meg.

Hozza háttérbe az egyetlen asztalt

A fenti utasítások ugyanazt a háttérképet fogják beállítani az oldal minden táblázatán. Ha csak meghatározott táblázatokat szeretne háttérbe helyezni, használnia kell a

osztály

attribútum. Változtassa meg a CSS-t, hogy olvassa el:
table.background {háttér: url (" URL a képhez ") no-repeat;}

Adja hozzá az osztályt háttér minden olyan táblázathoz, ahová a háttérképet szeretné. Állítsa be a táblák szélességét és magasságát.
class = "háttér" style = "szélesség: 400px; magasság: 500px;> …

Hagyja, hogy az asztal háttérképe ismétlődjön

Nagyobb táblázatok vagy több tartalom tartalmú táblázatok esetén előfordulhat, hogy a háttér megismétlődik, így a teljes táblázat megtörténik. Módosítsa az értéket a CSS-ben, hogy a kép ismétlődjön az y tengelyen, az x tengelyen, vagy mindkét oldalon csempézett.

háttér: url ("URL a képhez") ismétlés;
Alapértelmezés szerint az ismétlési érték tilos, de beállíthatja az ismétlési értéket is

repeat-x
vagy

repeat-y
hogy vízszintesen vagy függőlegesen csempézzenek.

Cell háttérszínek blokkolása az asztal háttérképén

Az asztalcellákon beállított háttérszínek felülbírálják az asztal háttérképét. Tehát legyen óvatos, ha háttérszíneket használ a cellákon az asztal háttérképekkel együtt.

szempontok

Az asztal hátterek a táblázatokat az alaplaptól elkülönítve fogják beállítani. Azonban gondoljon kétszer, mielőtt használná ezt a technikát. A semleges kép behelyezése nem zavaró lehet, de a bonyolult képek kedvesek (pl. Egy macska képének beillesztése egy asztal mögött, amely a kisállat örökbefogadását jelzi) szakszerűtlennek tűnhetnek, és befolyásolhatják a táblázatos adatok olvashatóságát.

Az Ön által használt képeket megfelelően licencelni kell; csak azért, mert fotót talál a weben, nem jelenti azt, hogy a saját használatához megfelelő. A szerzői jogok tiszteletben tartása!