https://hmaster.net/


HTMLタグと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;
}

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

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

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