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>
Mohlo by vás také zajímat
-
Monitory OLED: klíčové pojmy a funkce
13. května 2024 -
Milují Češi domény víc než pivo?
24. února 2025 -
Proč je důležité tvořit obsah na váš web?
29. srpna 2024 -
Gaming na HDR monitoru: Stojí to za to?
12. srpna 2024
Nejnovější
-
Elektronický podpis – má dnes ještě uplatnění?
16. července 2025 -
Co je to Generative Engine Optimization (GEO)
11. července 2025 -
Počítač v kapse: Android 16 připravuje průlomový Desktop Mode
8. července 2025 -
Novinky ze světa domén: Co nás čeká v blízké budoucnosti?
3. července 2025