【CSS】マウスカーソルを指マークに変更する方法

CSSでマウスカーソルを指マークに変更する方法です。

/* スタイルを適用したい要素に対して指定 */
.element {
  cursor: pointer;
}

上記の例では、クラスが element として指定された要素（例: <div class=”element”>…</div>）にマウスカーソルが当たると、指マークに変わります。

<a>（アンカー）タグは、通常、デフォルトでマウスカーソルが指マークになります。ただし、他のタグをJavaScriptなどでクリック可能にしている場合は、CSSで指マークが表示されるように設定しておくと、ユーザーがクリック可能な領域であると理解しやすくなります。