cursor: pointer; crosshair; move; text; wait; help : cursor « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. cursor

cursor: pointer; crosshair; move; text; wait; help

 

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>Cursors</title>
<style type='text/css'>
.pointer {cursor: pointer;} 
.crosshair {cursor: crosshair;}
.move {cursor: move;} 
.text {cursor: text;} 
.wait {cursor: wait;} 
.help {cursor: help} 
</style>

</head>

<body>
<h1>Cursors</h1>

<p class="pointer">This cursor is the pointer cursor</p>
<p class="crosshair">This cursor is the crosshair cursor</p>
<p class="move">This cursor is the move cursor</p>
<p class="text">This cursor is the text cursor</p>
<p class="wait">This cursor is the wait cursor</p>
<p class="help">This cursor is the help cursor</p>


</body>
</html>








Related examples in the same category

1.The cursor Property
2.Mouse cursor List
3.Change Cursor
4.'cursor' Example
5.cursor: url('ani.ani')
6.cursor: move
7.cursor: wait
8.cursor custom