マウスポインタが上にきた時にリンクの文字を変化させる

マウスポインタがリンク上にきたときに文字を変化させる方法です。スタイルシートを利用します。

記入例(HEADタグ内に!)

<style>
<!--
a:hover { color : #ffffff ; background-color : #ff9900 }
-->
</style>

a:hoverというのはスタイルシートにおいてAタグだけに存在する擬似クラスというものです。簡単にいうと「マウスポインタが上にきたときのAタグスタイル」ということで、他にa:link(未訪問のAタグスタイル)a:visited(訪問済みのAタグスタイル)a:active(クリックされてアクティブになるまでのAタグスタイル)があります。

ホームページ作成の知恵袋

Copyright(C) ホームページ作成の知恵袋 All rights reserved.