[CSS超入門] cursor pointerのサンプルコード

CSS

こんにちは。CSSで勉強したことをまとめています。

今回はcursor pointerのの使い方を簡単に紹介します。


cursor pointerとは

CSSのcursor pointerとは、

cursor(カーソル)をpointer(ポインター)にするということです。

実際に下でみてみましょう。

cursor pointerの使い方

これで指定できます。

ボタンにcursor pointerを指定してみます。

■HTML(index.html)

■CSS(main.css)

cursor: pointer;

cursor(カーソル)が、pointer(ポインター)に変わります。

を消すか、

にすると、cursor(カーソル)のpointer(ポインター)がなくなります。

cursor: none;

まとめ

以上です。

  • CSSのcursor pointerはカーソルをポインターにするということ
  • cursor: pointer; で指定できる

以上です。

CSSについて他にも記事書いているのでみてください。