Háttérkép megjelenítése CSS segítségével függőleges ismétléssel

A működés részletes leírása megtalálható az előző menüpontnál (Formázás->Háttér->Kép vízszintesen), így erre itt nem térnék ki, csak a különbségre.

Az eredeti kép:    A háttér eredeti forrása
Mérete: 74 pixel széles és 1 pixel magas.
Azt hiszem, hogy jól érzékelhető a függőleges ismétlés hatása. Hogy miért csak eddig tart, arra lejjebb adom a magyarázatot (nem a teljes oldalra alkalmaztam itt sem, de ha kipróbáloda mintának megfelelően, akkor valóban a teljes hosszra láthatóvá válik).

	

A megoldás nagyon egyszerű. A HEAD részben megadjuk a mintán látható stílus formázást és kész is van. Az 5. sorban van a lényeg, a repeat-y határozza meg az ismétlődés irányát. (koordináta tengelynél emlékszel ugye, az y a függőleges tengely!).

További felhasználási lehetőségek

DIV tag formázása

 
 
 

Ez egy div háttere éppen

	

TABLE tag formázása

Fejléc Fejléc 2
Itt egy táblázat hátterének beállítására használtam. Az első oszlop szélessége 100 pixelre van beállítva. Jól látható, hogy a 74 pixel széles kép nem tölti ki az oszlopszélességet.
Az alkalmazott stílus- beállítás:
	

Összefoglalva: azokra a HTML elemekre használhatjuk, amelynek megadható a background értéke. Legfőképpen oszlopszerű megjelenítést alkalmazó lapokon használják, például a menü hátterének.

ugrás a lap tetejére