今回は、a要素をホバーした時のカーソルを変化させる
cursorの種類についてデモを使って紹介します。
a要素に使うカーソルの種類を一挙紹介！
それでは、さっそくデモを見ながら種類の確認をしていきましょう！
See the Pen MWyByGy by ryu (@ryu-no-sss) on CodePen.
今回は、よく使うcursorを厳選して紹介しました。
順番に、
| ※1つ目のボタンは設定していません | |
| auto | ブラウザが自動でカーソルを選択する |
| pointer | 手の形をしたカーソル |
| crosshair | 十字のカーソル |
| move | 移動カーソル |
| text | テキストカーソル |
| wait | 待機カーソル |
| help | ？型のカーソル |
| no-drop | 🚫型のカーソル |
| all-scroll | 全スクロールのカーソル |
| vertical-text | 縦型のテキストカーソル |
他にも、色々なcursorがありますので、調べて見ましょう！
まとめ
今回は、a要素に使うカーソルの種類を紹介しました。
他にも、実戦でよく使うCSSコードを以下のリンクの記事にまとめているので、ぜひ！
それでは、最後まで読んでいただきありがとうございました。
タグ
