2011/03/05

Link-style HTML button

CSSでボタンをリンク風に見せるコードスニペット。

  button.linkstyle{
    text-decoration: underline;
    border: none;
    color: blue;
    background-color: transparent;
  }
  button.linkstyle:hover{
    cursor: pointer;
    color : red;
  }
  <button class="linkstyle">リンクスタイルのボタン</button>

マウスポインタをのせたときは、判りやすくポインタの形とリンクの色を変える。
簡単にこのブログにスタイルシートを埋め込む方法が分からなかったので
見た目のサンプルはありません。m(__)m

0 件のコメント:

コメントを投稿