CSS でカーソルスタイルを変更する方法

CSSではcursor属性でマウスの見た目を設定できます。一般的なカーソルスタイルの値を以下に示します。

1. ブラウザー側で自動的にマウスカーソルを決定します
2. 通常、矢印
3. クリックできるリンクやボタンを表示するもの
4. 移動：自由に動かせる要素を指します
5. 指示テキストは選択可能
6. 指示されてない要素を操作することはできません。

CSSルールを要素に追加することでマウスカーソルのスタイルを変更することができます。例えば、

.element {
  cursor: pointer;
}

上記の例では、.element はスタイルを適用する要素のセレクタであり、cursor: pointer; によりマウスカーソルをポインタスタイルに設定しています。