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