ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >リンク

オンマウスでリンク文字を移動

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

■ その他の項目

リンクの下線を消す
下線の太さ、色 、種類を指定する
ポイント時の背景色を指定する
リンクの文字色を指定する
オンマウスで下線を消す
オンマウスで下線を出す

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.