Pozadí s opakováním
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>
Předchozí článek
Správy zo slovenského internetu 5.
Další článek
Alternativa ke clear:both 2
Mohlo by vás také zajímat
-
AI a internetové podvody
29. října 2024 -
-
Zabezpečení e-mailů: Jak můžete chránit vaši firemní komunikaci
13. prosince 2023 -
Nejnovější
-
Jak rozšířit úložiště Macu za pětinovou cenu?
16. prosince 2024 -
Nové trendy v doménách pro osobní projekty – DIY, LIVING a LIFESTYLE
9. prosince 2024 -
Jak chránit webové stránky před Web/AI Scrapingem
27. listopadu 2024 -
Jaký monitor je nejlepší k novému Macu Mini?
25. listopadu 2024