Příklad – svislé opakování

Jednosměrné opakování lze využít například pro vytvoření pruhu, který se odlišuje od běžného pozadí stránky. Konkrétně zde jsem vyšel z obrázku

který jsem umístil do levého horního okraje (implicitní umístění) a nechal jej opakovat pouze ve svislém směru. Má-li motiv na obrázku nepravidelný okraj (jako zde), musí být jeho okraj buď průhledný, nebo se jeho barva musí shodovat s barvou pozadí stránky. Konkrétně jsem použil následující definice:

background-color: #fff796;
background-image: url("img/cikcak.gif");
background-repeat: repeat-y;

zpět: Obrázek na pozadí