CSS

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

 

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

 

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

 

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

 

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

 


cursor: pointer;
cursor: hand;

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

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

Pocket
LinkedIn にシェア

  • この記事を書いた人

藤沢瞭介(Ryosuke Hujisawa)

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

-CSS

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.