Toto řešení ukazuje, jak lze pomocí velice malého obrázku vytvořit působivé a efektivní pozadí celé stránky nebo třeba jen určité její části. Využívá se zde opakování obrázku na pozadí.

Zde si můžete prohlédnout výsledek.

Toto řešení publikovala Petra Větrovská. Bližší popis najdete v článku Background-repeat.

CSS

body
{
background: url(„pozadi.gif“) top left repeat-x;
background-color: #fff;
margin: 0;
padding: 0;
}
#obal
{
margin: 20px 15%;
padding: 1em;
color: #000;
background: #3296f4 none;
}

XHTML

<html>
<body>
<div id=“obal“>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc imperdiet magna…
</div>
</body>
</html>

Žádný příspěvek v diskuzi

Odpovědět