マウスが重なると少し移動する

ＣＳＳを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
a:hover.samp {
	position : relative;
	top      : 2px;
	left     : 2px;
}
-->
</style>
</head>
<body>
<p><a href="https://www.7key.jp/" class="samp">ここにマウスをのせて下さい</a></p>
</body>
</html>

表示サンプル

別窓でサンプルが開きます

解説

「hover」にてマウスが重なった際の見栄えを指定することが出来ます。上記例では、本来の位置から「x方向」に2px、「y方向」に2px動かしています。それぞれ大きさを自由に変えることができ、マイナスの値をとることもできます。

リンクについての詳細は「リンクってなに？」を参照下さい。

リンクの設定の仕方は「リンクを作る」を参照下さい。