【-HOME-BACK-】

リンクにふれたらリンクの背景色が変わる
リンクにマウスがふれるとリンクの背景色が変わります。

サンプル→ここをマウスでふれてみてください。

下記のソースを<head>から</head>の間にコピーしてください。

ソース
<STYLE TYPE="text/css">
<!--
A {
text-decoration:none;
color:#0000ff; background:#00ccff;
}
A:hover {
text-decoration:none;
color:#ff0000; background:#ffcc00;
}
-->
</STYLE>
変更箇所
  • color:#0000ff;はテキストの色
  • background:#00ccff;は背景の色

赤字のところは、お好きな色に指定して下さい。

カラーサンプルはこちら

一言
  • Aはリンクです。
  • A:hoverはマウスが触れた時です。