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>