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
-
Vlastní web: Jak nainstalovat WordPress?
24. června 2024 -
Jak zabezpečit váš chytrý telefon před kybernetickými hrozbami
30. listopadu 2023 -
Regulace digitálních služeb: Co přináší nové nařízení DSA?
20. února 2024 -
Nepodceňte UX na vašem webu: Proč na něm záleží?
10. dubna 2024
Nejnovější
-
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025 -
Google Chrome nyní mění kompromitovaná hesla – jak to funguje?
28. května 2025 -
Google spouští AI Přehledy ve vyhledávání v Česku
23. května 2025 -