スタイルシートで、リンクをボタンのような見た目にするのが適切と思います。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
ul.menu a:link,
ul.menu a:visited{
color: black;
background-color: #CCC;
font-size: small;
text-decoration: none;
line-height: 1.7;
border-width: 2px;
border-style: solid;
border-color: #FFF #666 #666 #FFF;
padding: 2px 4px;
}
ul.menu a:active{
border-color: #666 #FFF #FFF #666;
}
</style>
</head>
<body>
<ul class="menu">
<li><a href="">test</a></li>
<li><a href="">test</a></li>
</ul>
<ul>
<li><a href="">test</a></li>
<li><a href="">test</a></li>
</ul>
</body>
</html>