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
-
AI v programování: Jak používat GitHub Copilot (část 2)
19. února 2024 -
Zabezpečení e-mailů: Jak můžete chránit vaši firemní komunikaci
13. prosince 2023 -
Umělá inteligence v IT
27. září 2023 -
Moderní trendy ve webdesignu: Top trendy pro rok 2024
12. ledna 2024
Nejnovější
-
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025 -
Co je to TTL a proč na něm záleží?
25. března 2025 -
Kdo má nejrychlejší WordPress hosting v ČR?
18. března 2025 -