Obrázkové podtržení odkazu
Pokud chcete své stránky odlišit, oživit či dodat jim prvek, který se na jiných stránkách nevyskytuje, zkuste použít obrázkové podtržení odkazů. Jak na to vám poradí toto řešení.
Zde si můžete prohlédnout výsledek. Pro správnou funkci použijte obrázky podobné těmto: underline.gif a underline1.gif.
Toto řešení publikoval Stuart Robertson. Bližší popis najdete v článku CSS Design: Custom Underlines.
CSS
p
{
line-height: 1.5;
text-align:justify;
}
a
{
text-decoration: none;
background: url(underline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}
a:hover
{
background: url(underline1.gif) repeat-x 100% 100%;
}
XHTML
<html>
<body>
<p>
Lorem <a href=“#“>ipsum… </a>
</p>
</body>
</html>
Mohlo by vás také zajímat
-
INNOCN monitory: špičková kvalita za zlomek ceny
5. června 2025 -
-
Webdesign: Jak optimalizovat tlačítka na webu
7. března 2024 -
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 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