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

Question

＊桜蘭＊

13

0もっと見る

ウェブ制作

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

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

回答の条件

1人5回まで

登録：2012/08/24 09:37:13
終了：2012/08/31 09:40:03

はしさん 2012/08/24 09:53:08

http://copicopi.com/onmousepic.html
ここ見て
パパトモ 2012/08/24 13:13:51

余計なことで申し訳ないけど、インターフェースとしてマウスを乗せると凹むボタンは変ですね。押したら凹むのがインターフェースとして正しいと思います。押したときに変化するようにするなら、cssの記述でa:hoverをa:activeにすることになります。

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

うぃんど · Answer 1 · 2012-08-24T10:56:49+09:00

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

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

<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>

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

回答（1件）

うぃんど262511492012/08/24 10:56:49

コメント（2件)

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