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
-
Milují Češi domény víc než pivo?
24. února 2025 -
Umělá inteligence: Co je to GPT?
12. května 2025 -
Jak vybrat doménu: Co je dobré vědět?
2. září 2024 -
ZONER Webmail jako první v Česku přináší BIMI s VMC
11. července 2024
Nejnovější
-
Co je to jazykový model
17. června 2025 -
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