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


:: Odkaz bez podtržení (z hlediska přístupnosti již nedoporučený)

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

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

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

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

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

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

<style type="text/css">
   a {text-decoration: underline}
   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: underline}
   a:hover {text-decoration: none}
</style>

 </head>

<body>

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

</body>
</html>