htmlで画像リンクを作っています。

クリック前は普通なのですが、マウスを乗せると凹むようなリンクは作れないでしょうか?

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/08/24 09:37:13
  • 終了:2012/08/31 09:40:03

回答(1件)

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492012/08/24 10:56:49

方法はいろいろあるのだけど、スタイルシート(css)を使った簡単な例を1つ

"画像" の部分は画像ファイル名を入れてくださいね。

<html>
<head>
    <style>
        a:hover {
            /* マウスが乗ったら、現在位置を基点にして左に1px、下に1px動かす */
            position: relative;
            top: 1px;
            left: 1px;
        }
    </style>
</head>
<body>
    すこし動いて、凹んだようにみせる例<br />
    <a href="#"><img src="画像"></a>
    <a href="#"><img src="画像"></a>
    <a href="#"><img src="画像"></a>
</body>
</html>
id:yona0425042504250425

回答ありがとう御座います。
参考にさせていただきますね!

2012/08/30 09:18:10
  • id:zz-z
    http://copicopi.com/onmousepic.html
    ここ見て
  • id:papa-tomo
    余計なことで申し訳ないけど、インターフェースとしてマウスを乗せると凹むボタンは変ですね。押したら凹むのがインターフェースとして正しいと思います。押したときに変化するようにするなら、cssの記述でa:hoverをa:activeにすることになります。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません