|
a:hover{position:relative; 位置:値;}
でリンクにマウスをのせた時、リンクの文字を移動することができます。
値はpxまたは%で指定します。
■ リンク文字の移動距離を指定する
リンク文字の移動の指定方法は以下の通りです。
| 移動距離を指定 |
説明 |
|
top:値;
|
上から移動する距離を指定します。 |
|
bottom:値;
|
下から移動する距離を指定します。 |
|
left:値;
|
左から移動する距離を指定します。 |
|
right:値;
|
右から移動する距離を指定します。 |
【ブラウザ表示】
オンマウスで移動します。
ソース
<a href="clink7.html" class="link7">オンマウスで移動します。</a>
外部ファイル
a.link7:hover{
position:relative;
top:3px;
right:4px;
}
■ その他の項目
・
リンクの下線を消す
・
下線の太さ、色 、種類を指定する
・
ポイント時の背景色を指定する
・
リンクの文字色を指定する
・
オンマウスで下線を消す
・
オンマウスで下線を出す
スタイルシート一覧のページに戻る
|
