人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: *桜蘭*
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど

方法はいろいろあるのだけど、スタイルシート(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>

*桜蘭*さんのコメント
回答ありがとう御座います。 参考にさせていただきますね!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ