Háttérkép megjelenítése CSS segítségével vízszintes ismétléssel
Nagyon sok esetben előfordul, hogy a képernyő hátterének teljes egésze vagy része azonos módon épül fel. A menüsor alatt megjelenő kék hátteret megvizsgálva, észre lehet venni az ismétlődést. Felül világosabb és az alja felé sötétedő színek, vízszintesen pedig nincs változás. Az ilyen esetekben nincs szükség a teljes terület képként való betöltésére.
Az eredeti kép: 
Mérete: 1 px széles és 74 px magas.
Azt hiszem, hogy könnyen belátható, hogy az eredeti képet letölteni a webtárhelyről jóval gyorsabb, mintha a teljes szélességű (mekkora is az, honnan tudnánk előre?) képet kellene leszedni. Időt, pénzt és olvasót nyerünk a sebességgel. A kliens oldalon pedig egy egyszerű CSS utasítás segítségével az aktuális képernyőszélességnek megfelelően megjeleníthetjük a hátteret.
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-x határozza meg az ismétlődés irányát. (koordináta tengelynél emlékszel ugye, az x a vízszintes!).
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 itt alkalmazott kis trükk, hogy azonos magasságot állítok be az első sorra, mint az eredeti kép magassága. |
| Az alkalmazott stílusbeállítás: |
|