開発ブログ

Git、CSS、HTML、正規表現など、入門者がつまづきそうなポイントを中心に、役立ち情報発信します。。

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

閉じる