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

HTML / CSS » CSS » 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
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.