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: Revoluční nástroj pro tvorbu webů
3. července 2024 -
Windows App: Pracujte odkudkoliv, kdykoliv
3. listopadu 2024 -
Monitory OLED: klíčové pojmy a funkce
13. května 2024 -
Chcete jedinečnou doménu? Objevte koncovky FOOD, MEME a MUSIC!
7. listopadu 2024
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