ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

マウスがリンクの上に乗ったらリンク部分の背景色を変える


プロパティ background-color:
値 色名など

スタイルシートでマウスがリンクの上に乗ったときにリンク部分の背景色を変えるにはbackground-color:プロパティを使います。

値には色名などを指定します。

表示例はこちら

ソース
<html>
<head>
<title>ホームページ作成・サンプル7</title>
<style type="text/css">
a:hover { background-color:red; }
</style>
</head>
<body>
<a href="../onback.html">戻る</a>
<br><br>
<a href="../../../index.html">ホームページ作成・HTML</a>
<br><br>
マウスをリンクの上にもっていくと背景色がredになります。
</body>
</html>


<< 「マウスがリンクの上に乗ったらリンクを下にずらす」へ    画像の操作の「画像を好きな位置に表示する」へ >>



ホームページ作成とHTML>>スタイルシートの書き方講座>>マウスがリンクの上に乗ったらリンク部分の背景色を変える

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved