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
-
Netcat a Ncat
8. prosince 2022 -
Proč investovat do nejvýkonnějších VPS s AMD EPYC procesory
14. června 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024
Nejnovější
-
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024 -
Chcete jedinečnou doménu? Objevte koncovky FOOD, MEME a MUSIC!
7. listopadu 2024 -
OpenAI představilo novou funkci ChatGPT Search
6. listopadu 2024