HTMLでリンク上にマウスを移動したときのリンク色の変更

訪問者がリンクの上に移動したときにリンクの色を変更することは、Webページまたはブログで何がクリック可能かを示すのに役立つ優れた方法です。 ページのリンクの色を変更するには、次のコードをHTMLの一部またはWebページのCSSコードに実装します。

以下の例は、CSSでWebページのリンクプロパティを変更する方法です。 マウスをリンク上に移動したときにリンクの色を変更したい場合は、A:hover行だけが必要です。

 A:リンク{色:黒; テキストデコレーション:なし。 font-weight:normal} A:訪問しました{COLOR:black; テキストデコレーション:なし。 font-weight:normal} A:アクティブ{COLOR:黒; テキスト装飾:なし} 

A:ホバー{色:青; テキストデコレーション:なし。 フォントの太さ:なし}

ホバー - ホバーオプションは、マウスがリンク上にあるときにテキストが変わる色です。 この例では、マウスカーソルがリンク上にあるときに、リンクが青色に変わります。

ヒント:このCSSコードは、すべてのWebページからロードできる外部CSSファイルにも挿入できます。