このサンプルは、anchor要素にスタイルシートを適用して楕円形のボタンを表示します。ボタンをクリックするとボタンのスタイルが変わります。Webページにセクシーなボタンを配置するときに利用してください。
ボタンを表示するには、anchor要素を配置してclass属性にbuttonを設定します。
アンカーテキストは、span要素で囲みます。ボタンを放したときに、スタイルを変えるためにanchor要素にonclickイベントハンドラを追加します。
このサンプルで使用しているイメージです。右ボタンをクリックしてダウンロードしてください。
<a class="button" href="#" onclick="this.blur(); return false;">
<span>Save</span>
</a>
このサンプルは、anchor要素にスタイルシートを適用して楕円形のボタンを表示します。ボタンをクリックするとボタンのスタイルが変わります。Webページにセクシーなボタンを配置するときに利用してください。
ボタンを表示するには、anchor要素を配置してclass属性にbuttonを設定します。
アンカーテキストは、span要素で囲みます。ボタンを放したときに、スタイルを変えるためにanchor要素にonclickイベントハンドラを追加します。
このサンプルで使用しているイメージです。右ボタンをクリックしてダウンロードしてください。
<a class="button" href="#" onclick="this.blur(); return false;">
<span>Save</span>
</a>