softie note: <a> button

2009年1月12日月曜日

<a> button

<style type="text/css">
  a.button {
  display:inline-block;
  border:solid 1px gray;
  vertical-align:middle;
  background-color:#eee;
  padding:0.25em 0.5em;
}
</style>
<div>
<a class="button" href="javascript:alert('Button A');">Button A</a>
<a class="button" href="javascript:alert('Button B');">Button B</a>
</div>

実例: Button A Button B