端くれプログラマの備忘録 CSS [CSS] 基本メモ: cursorプロパティ

[CSS] 基本メモ: cursorプロパティ

cursor

  • move
  • help
  • wait
  • pointer など

サンプル

<style>
#hello {
    width: 200px;
    height: 200px;
    background-color: yellow;
    border: solid 1px blue;
}
</style>
<div id="hello">Hello</div>

css_cursor1

<style>
#hello { cursor: move; }
</style>

css_cursor2

<style>
#hello { cursor: help; }
</style>

css_cursor3

<style>
#hello { cursor: wait; }
</style>

css_cursor4

<style>
#hello { cursor: pointer; }
</style>

css_cursor5

参考サイト

cursor-スタイルシートリファレンス
http://www.htmq.com/style/cursor.shtml