マウスポインタの形状を変更

HOME > HTMLの小技 > マウスポインタの形状を変更


説明

リンクにカーソルが触れるとマウスポインタの形状が変化します

ソース

<body>から</body>の間に記入

<a href="URLを記入"style="cursor:形状名">文字</a>

文字のところを好きな文字に変更します

形状名

使用できるカーソル形状名一覧
Windows98標準環境の例です
  • auto=自動的にブラウザが変更する
  • crosshair=十字
  • default=矢印
  • hand=
  • move=矢十字
  • text=アイビームカーソル
  • wait=時計
  • help=ヘルプカーソル
  • n-resize=上向きの矢印
  • s-resize=下向きの矢印
  • w-resize=左向きの矢印
  • e-resize=右向きの矢印
  • ne-resize=右斜め上の矢印
  • se-resize=右斜め下の矢印
  • nw-resize=左斜め上の矢印
  • sw-resize=左斜め下の矢印

  • [HOME]