css cursor property tutorial

Introduction of Css Cursor property

css cursor property is used to set mouse cursor display on webpages.

Css cursor property can set follwing values

1. default this property value sets normal cursor icon.

       Syntex :
       selector
       {
          cursor:default;
       }
       

2. wait this property value set some processing cursor icon.

       Syntex :
       selector
       {
          cursor:wait;
       }
       

3. crosshair this property value sets a cross hair cursor icon.

       Syntex :
       selector
       {
          cursor:crosshair;
       }
       

4. text this property value sets an I like cursor icon.

       Syntex :
       selector
       {
          cursor:text;
       }
       

5. pointer this property value set a hand icon.

       Syntex :
       selector
       {
          cursor:pointer;
       }
       

6. help this property value sets a question mark icon.

       Syntex :
       selector
       {
          cursor:help;
       }
       

7. Click to practice online example