Nadpis s obrázkem jako odrážkou a podtržením
Toto řešení ukazuje, jak vylepšit tvorbu nadpisů na Vašich stránkách. Ukazuje jak vytvořit nadpisy s obrázkem jako odrážkou a dále pak jak vytvořit efektní podtržení u těchto nadpisů. Jedná se o jednoduché řešení.
Zde si můžete prohlédnout výsledek.
Toto řešení publikovala Kathy Marks. Bližší popis najdete v článku CSS and Images: A Beginner’s Cheat Sheet..
CSS
h1
{
font-family:“Arial Narrow CE“, „Arial Narrow“, Arial, Helvetica, „Helvetica CE“, sans-serif;
font-size:150%;
font-weight: normal;
color: #DD0000;
}
h1.odrazky
{
background: url(h1.gif) no-repeat left center;
padding: 0 0 0 20px;
}
h1.podtrzeni
{
border-bottom: 2px solid #8c6e25;
}
XHTML
<html>
<body>
<h1>Obyčejný nadpis</h1>
<h1 class=“podtrzeni“>Nadpis s podtržením</h1>
<h1 class=“odrazky“>Nadpis s obrázkem jako odrážkou</h1>
<h1 class=“odrazky podtrzeni“>Nadpis s kombinací obou možností</h1>
</body>
</html>
Mohlo by vás také zajímat
-
inPage AI: Jak na generování obsahu
18. července 2024 -
Jak si vyzkoušet Apple Intelligence v EU
2. srpna 2024 -
Thunderbolt 4 vs. OCuLink: Přišel čas na upgrade?
27. května 2024 -
AI a internetové podvody
29. října 2024
Nejnovější
-
Zoner Photo Studio X se mění na Zoner Studio
13. června 2025 -
Co je to transformer v umělé inteligenci (AI)
10. června 2025 -
INNOCN monitory: špičková kvalita za zlomek ceny
5. června 2025 -
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025