CSSで実装する擬似クラス(:hover)を使ったマウスオーバー | webfeelfreeマウスオーバーのやり方には、色んな方法があります。 CSSを使うにしても「CSSスプライト」を使ったり、JavaScriptでも「jQuery」を使ってみたりと言ってしまえば、コーディングする人のセンスや能力で、色んなコーディングの仕方があって多種多様な方法があります。 今回は、マウスオーバーの基礎と言っても過言ではない！？ CSSの擬似クラス(:hover)を使ったマウスオーバーをメモっていきたいと思います。 普通のテキストのマウスオーバー あまり普通のテキストに、マウスオーバーを設定をすることはありません。 段階を踏むという意味での紹介です。 HTML <p class="demo1">マウスを持ってくると文字が赤くなるよ。</p> CSS .demo1:hover{ color: #ff0000; } これが、基本の形という感じです。 .demo1:hoverという感じで、セレクタの
