このスタイルについて
　a:hoverはaの擬似クラスと呼ばれ、リンクにマウスを乗せると色を変える、CSSの中でも動的な要素を持ったものです。
非常に一般的なセレクタで、設定も簡単で、簡単に動的なページを作ることが出来ます。
このほかにもaの擬似クラスと呼ばれるセレクタはa:link,a:active,a:visitedがあり、リンクに関する細かい設定をすることができます。

関連


対応ブラウザ
WIN IE 4.0〜 NN 4.0〜　MAC IE 4.0〜 NN 4.0〜

サンプルソース [CSS] a:link { text-decoration : none; } a:hover { color : #FF6600; background-color : pink; text-decoration : underline; } a:active { color : #CCCCCC; text-decoration : underline; } a:visited { text-decoration : none; }

ユーザ設定
　a擬似クラスではcolor属性以外にもいろいろな属性を設定することが出来ます
text-decorationはテキストの修飾を設定する属性です。詳しくはリンクを見てください。
background-colorはボックスの背景を設定する属性です。
またa擬似クラスはa:link,a:hovber,a:active,a:visitedの順に記述しなければなりません。
たとえばa:visitedのあとに設定したa:hoverは無効になります。