<style type="text/css">
div.rover {
margin:1em;
}
div.rover a {
width:10em;
margin:3px 0; padding:5px;
border-width:1px;
border-style:solid;
border-color:#ccc #666 #666 #ccc;
color:#666;
background-color:#eee;
text-decoration:none;
}
div.rover a:hover {
padding:6px 4px 4px 6px;
border-color:#666 #ccc #ccc #666;
color:#666;
background-color:#eee;
text-decoration:none;
}
</style>
<div class="rover">
<a href="#">ボタン1</a> <a href="#">ボタン2</a>
</div>