タグの絵本
＞
CSS
＞ マウスオーバーを使いリンク文字の位置をずらす
■マウスオーバーを使いリンク文字の位置をずらす
・使用するCSS
a:hover {
position:relative
;
top:
☆px
;
left:
☆px
;
}
補足≫ ☆＝ずらしたい数値を記入する
・説明
マウスオーバーを使用してリンク文字の位置をずらします。
・使用例
ソース （テスト書き込み可）
<html> <head> <title>あなたのホームページ</title> <style type="text/css"> <!-- a:hover { position:relative; top: 3px; left:3px; } --> </style> </head> <body> ホームページ作成中。頑張ります！ <BR> <BR> <A href="http://www.hisas.jp/">素材NAVIへ</A> </body> </html>
あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります！
素材NAVIへ
Copyright (C) 2006 タグの絵本 All rights reserved.
→
index
あなたのホームページ Internet
Explorer