「CSS」擬似クラス:hoverでマウスカーソルを使用する

2014年7月7日2021年9月8日

説明
: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>

CSS

Posted by arkgame

関連投稿: