背景色が変わるリンク

CSSを使用した記述方法

記述方法

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

表示サンプル

解説

「hover」にてマウスが重なった際の見栄えを指定することが出来ます。上記例ではマウスが重なった際の背景色を変更しています。色の指定の際にはRGBカラーを使用してください(RGBカラーの詳細はこちらを参照ください)。

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

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