These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons.

CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集。
次のようなボタンのＣＳＳとＨＴＭＬが公開されています。



マウスオーバーでホバーします。

マークアップは次のように、div と a , span タグを併用

<div class="buttonwrapper">
<a class="ovalbutton" href="#"><span>Submit</span></a> <a class="ovalbutton" href="#" style="margin-left: 6px"><span>Reset</span></a>
</div>

 

シンプルなので色々なシーンで利用できそうです。
つい押したくなる程よいボタン感がいいですね。