リンクにマウスを載せた時に、下線と上線を表示させ、背景色をつけてみた。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>マウスを載せたときに下線、上線、背景色を表示</title>
<style type="text/css">
<!--
a { text-decoration: none; font: 1em Verdana; }
a:hover { text-decoration: underline overline;
background-color: #FFA; }
-->
</style>
</head>
<body>
<UL>
<li><a href="http://www.w3.org/TR/REC-html40/">HTML 4.01</a></li>
<li><a href="http://www.w3.org/TR/xhtml1/">XHTML 1.0</a></li>
<li><a href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a></li>
<li><a href="http://www.w3.org/TR/REC-CSS1">CSS level 1</a></li>
<li><a href="http://www.w3.org/TR/REC-CSS2/">CSS level 2</a></li>
</UL>
<P>リンクにマウスを載せた時に、下線と上線を表示させ、背景色をつけてみた。</P>
<P></P>
</body>
</html>