マウスオンでリンクや画像が『 へこむ 』 方法 - メルマガアフィリエイトで起業を支援【魔法の情報ビジネス成功術】

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-----------------------------------------------------------
↓ ランキングに参加中です^^ ワンクリックお願いします♪ ↓
     
-----------------------------------------------------------

マウスオンでリンクや画像が『 へこむ 』 方法

よく、目にすると思いますが

リンク画像や、テキストリンクに触れる(マウスオン)と
リンクがへこむサイトがあります。

この方法気になっていたんですが、以外や以外!
これは簡単にできるのでぜひ活用してみてください。





変更と言うか、追加するのはCSSの部分。

CSSで指定するのでサイト全体のリンクに反映されます。

ですから、個別のhtmlで指定するよりはかなり楽だとおもいます♪


追加する場所はスタイルシート(CSS)のエリアであれば、

どこでもよさそうです。

--------------------------------------------

a:hover {
position: relative;
top:3px;
left: 3px;
text-decoration: none;
}

--------------------------------------------

ちょっとできるサイトに見せれるかなとw

へこみ具合は、

top: 1px;
left: 1px;

の数字で調整でOKですが、やりすぎは禁物です。^^



あとは、リンク付きの画像とただの画像の見分けもついて、

訪問者さんにはとても分かりやすくて親切ですね☆



-----------------------------------------------------------
↓ ランキングに参加中です^^ ワンクリックお願いします♪ ↓
     
-----------------------------------------------------------

コメント
非公開コメント

トラックバック

http://noncoro.blog83.fc2.com/tb.php/316-dd1d2b33

成分別サプリメント
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。