「CSS」擬似クラス:hoverでマウスカーソルを使用する
説明
:hover は CSS の 擬似クラスで、ユーザーがポインティングデバイスで要素に反応したものの、アクティブ化する必要がないものを選択します。
書式
セレクタ:hover{cssコード}
使用例
<style> /*背景色gray*/ a { background-color: gray; transition: background-color .5s; } /* 「ホバー」状態の <a> 要素を選択します */ a:hover { background-color: gold; } </style> <body> <!--<a>要素のcssを使用 --> <a href="#">このリンクの上をマウスカーソル。</a> </body>