マウスオーバーで角が丸くなるボタン

角が丸まって可愛らしくポップな印象に。
border-radiusプロパティの値を、line-heightプロパティのちょうど半分にすることで、両端が半円形になります。

ナビゲーションバー等で使うことを想定して、リストタグで作っています。コピー&ペーストでご自由にお使いください。

コメントを残す