Odkazy upravené pomocí technologie CSS (kaskádových stylů)


:: Odkaz bez podtržení

<style type="text/css">
  A {text-decoration: none}
</style>

:: Odkaz bez podtržení s efektem podtržení po najetí myší

<style type="text/css">
   A {text-decoration: none}
   A:hover {text-decoration: underline}
</style>

:: Odkaz bez podtržení s měnící se barvou a podtržením po najetí myší

<style type="text/css">
   A {text-decoration: none}
   A:hover {text-decoration: underline; color: red}
</style>

:: Odkaz bez podtržení s měnící se barvou a pozadím po najetí myší

<style type="text/css">
   A {text-decoration: none}
   A:hover {color: white; background-color: blue}
</style>


Poznámka: uvedený zdrojový kód musí být umístěn v hlavičce stránky,
tedy v sekci <HEAD> </HEAD>, nikoliv v <BODY> </BODY>!

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<title>Odkazy</title>

<style type="text/css">
   A {text-decoration: none}
   A:hover {text-decoration: underline}
</style>

 </head>

<body>

<a href="http://www.pf.jcu.cz/" title="odkaz">:: Odkaz bez podtržení s efektem podtržení po najetí myší</a>

</body>
</html>