magazine off

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

投稿日 : 2021年6月20日(日曜日)

 

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

 

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

 

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

 

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

 


cursor: pointer;
cursor: hand;

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

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

Categories

Recent Posts

Reactと Firebase Realtime Databaseでデータを取得する方法 Next.js

    本日の記事では、Reactを使って、Firebase の R…

投稿日 : 2021年6月20日(日曜日)

【2021】転職や高収入に繋がるIT資格とは?現役エンジニアが全てまとめてみた!

   IT業界での転職や就職を考えている方は、   きっ…

投稿日 : 2021年6月18日(金曜日)

UILabelをタップする方法 – Swift3.0 Xcode9

    環境 Xcode Xcode9 S…

投稿日 : 2017年10月7日(土曜日)

Rails5のwhereで複数条件、andみたいな。

  rails5のdbのwhereで検索するとき複数条件を指定したい。orを…

投稿日 : 2019年5月4日(土曜日)