2010年7月2日金曜日

cssの「cursor:pointer」でカーソルを指アイコンに

「cursor:pointer」を使うと、要素にカーソルを合わせたときに指アイコンにすることができます。

<div style="width:30px;height:30px;cursor:pointer;background-color:orange;padding:20px;">hoge</div>

hoge


アンカー以外の要素をリンクっぽく見せたい場合などに使えます。

1 件のコメント:

  1. 《cursor:pointer》カーソルを指アイコンに変える

    これなんだろう?とよく思っていた「cursor:pointer」。アンカー以外の要素をリンクっぽく見せるプロパティでした。こういうよく使わないプロパティも、きちんと勉強しておかなきゃです...

    返信削除