text-decoration は、文字の装飾（上線、下線、抹消線、点滅）を指定するプロパティです。
a要素の疑似クラス（hover）にこのプロパティ（値 underline）を指定すると、ポイントしたときに下線を表示することができます。
※リンク文字の下線を消している場合に有効です。
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
| text-decoration | underline … （下線を表示します） |
|---|
上記以外の値については、「文字の装飾を指定する」をご覧ください。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
a { text-decoration: none; }
a:hover { text-decoration: underline; }
-->
</style>
</head>
<body>
<p><a href="index.html">リンクカテゴリー</a></p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
