<html>
<head>
<style>
.var1 a
{
background: #333;
color: white;
text-decoration: none;
}
.var1 a:visited
{
background: pink;
color: black;
text-decoration: none;
}
.var1 a:hover
{
background: #00ff00;
color: blue;
text-decoration: none;
}
.var2 a
{
background: blue;
color: white;
text-decoration: none;
}
.var2 a:visited
{
background: yellow;
color: white;
text-decoration: none;
}
.var2 a:hover
{
background: red;
color: white;
text-decoration: none;
}</style>
</head>
<body>
<table>
<tr>
<td class="var1"><a href="#">вариант 1</a><td>
<td class="var2"><a href="#">вариант 2</a><td>
</tr>
</table>
</div>
</body>
</html>