セクシーボタン

説明補足説明コード分割コードコメント投稿

このサンプルは、anchor要素にスタイルシートを適用して楕円形のボタンを表示します。ボタンをクリックするとボタンのスタイルが変わります。Webページにセクシーなボタンを配置するときに利用してください。

このサンプルは、anchor要素にスタイルシートを適用して楕円形のボタンを表示します。ボタンをクリックするとボタンのスタイルが変わります。Webページにセクシーなボタンを配置するときに利用してください。

ボタンを表示するには、anchor要素を配置してclass属性にbuttonを設定します。 アンカーテキストは、span要素で囲みます。ボタンを放したときに、スタイルを変えるためにanchor要素にonclickイベントハンドラを追加します。

このサンプルで使用しているイメージです。右ボタンをクリックしてダウンロードしてください。 

<a class="button" href="#" onclick="this.blur(); return false;">
  <span>Save</span>
</a>