日刊ハイテク情報誌の マガジンOFFです! 毎日IT系のニュースを 配信しています!

cssでHTMLの要素をホバーすると指を出るようにする方法

 

一般的に、HTMLのDIV要素などクリック処理がデフォルトでついてない要素は、マウスでホバーしても指にはなりません。

 

しかし、CSSを少しいじるだけで、どのようなHTML要素に対しても、ホバーして指を出すことができます。

 

とは言え、やることはとても簡単です、二行で済みます。

 

cssでHTMLの要素をホバーすると指を出るようにする方法

 


cursor: pointer;
cursor: hand;

これだだけです、これを、指定した要素のCSSに付与してください。

マウスでホバーすると、指になるはずです。

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

CSS

コメントする

メールアドレスが公開されることはありません。