איך אני גורם לקו התחתון של קישור להופיע רק כאשר עוברים עליו עם העכבר?

יש להוסיף את הקוד הבא ל-HEAD של הדף:

<style>
a:link {color: #0000ff;background:transparent;text-decoration:underline;}
a:visited {color: #800080;background:transparent;text-decoration:underline;}
a:hover {color: #ffffff; background: #000080;text-decoration:none;}
a:active {color: #ffa500;background:transparent;text-decoration:underline;}
</style>