開発ブログ

WWWクリエイターズが送る、Git、CSS、HTML、コマンドライン、Macの便利機能など、開発に関する役立ち情報発信します。気まぐれに更新。

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

最終更新:2017-08-17 by Joe

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

CSSでマウスカーソルを変更する

CSSプロパティ「cursor」の値で、マウスカーソルの値が変わります。

指マークに変更するには「pointer」の値を設定します。

div {
  cursor:pointer
}

サンプル

CSSプロパティ「cursor」を利用した、サンプルコードです。

See the Pen Button (pointer) by Joe (@akajoe) on CodePen.0

閉じる