CSS Cursors

[Total: 0    Average: 0/5]

Show CSS Cursors.

Head Code:

<style type=text/css>
.c01 {cursor:inherit;} 
.c02 {cursor:auto ;}
.c03 {cursor:crosshair ;}
.c04 {cursor:default ;}
.c05 {cursor:pointer;} 
.c06 {cursor:move ;}
.c07 {cursor:e-resize ;}
.c08 {cursor:ne-resize ;}
.c09 {cursor:nw-resize ;}
.c10 {cursor:n-resize ;}
.c11 {cursor:sw-resize ;}
.c12 {cursor:se-resize ;}
.c13 {cursor:s-resize ;}
.c14 {cursor:w-resize ;}
.c15 {cursor:text ;}
.c16 {cursor:wait ;}
.c17 {cursor:help;}
</style>

Body Code:

<table>
<tr><td class=c01>Cursor 01 - inherit</td></tr>
<tr><td class=c02>Cursor 02 - auto</td></tr>
<tr><td class=c03>Cursor 03 - crosshair</td></tr>
<tr><td class=c04>Cursor 04 - default</td></tr>
<tr><td class=c05>Cursor 05 - pointer</td></tr>
<tr><td class=c06>Cursor 06 - move</td></tr>
<tr><td class=c07>Cursor 07 - e-resize</td></tr>
<tr><td class=c08>Cursor 08 - ne-resize</td></tr>
<tr><td class=c09>Cursor 09 - nw-resize</td></tr>
<tr><td class=c10>Cursor 10 - n-resize</td></tr>
<tr><td class=c11>Cursor 11 - sw-resize</td></tr>
<tr><td class=c12>Cursor 12 - se-resize</td></tr>
<tr><td class=c13>Cursor 13 - s-resize</td></tr>
<tr><td class=c14>Cursor 14 - w-resize</td></tr>
<tr><td class=c15>Cursor 15 - text</td></tr>
<tr><td class=c16>Cursor 16 - wait</td></tr>
<tr><td class=c17>Cursor 17 - help</td></tr>
</table>

Times Viewed: 1

Leave a Reply

Your email address will not be published. Required fields are marked *