CSS リンク文字をマウスオーバーで背景色を指定する
環境
Google Chrome 112.0.5615.138(Official Build) (64 ビット)
Windows 10 Home 64bit
書式
a:hover{ background-color:色の値 }
疑似クラス(:hover)を指定したa要素にこのプロパティを設定すると、ポイントした時の背景色(リンクテキストの背景色)を指定できます。
使用例
<html> <head> <title>テスト</title> <style type="text/css"> a:hover { background-color: lightblue; color: #2b2b2b; } </style> </head> <body> <p><a href="about.html">東京</a></p> </body> </html>
結果
文字リンク「東京」をホバーした時のリンクの背景色が「lightblue」に変わります。