HTML & CSS Snippets

Name:Different Cursor Style
Description: Here's a list of different cursor style you can use.

Code below...
<!-- Put the CSS style code between your header tags -->

<style type="text/css">
<!--

/* This is pretty much showing you all the cursor style */
/* It would be kinda stupid to include every single cursor style as you may not need them all */

.auto { cursor: auto }
.crosshair { cursor: crosshair }
.default { cursor: default }
.pointer { cursor: pointer }
.move { cursor: move }
.e-resize { cursor: e-resize }
.ne-resize { cursor: ne-resize }
.nw-resize { cursor: nw-resize }
.n-resize { cursor: n-resize }
.se-resize { cursor: se-resize }
.sw-resize { cursor: sw-resize }
.s-resize { cursor: s-resize }
.w-resize { cursor: w-resize }
.text { cursor: text }
.wait { cursor: wait }
.help { cursor: help }

-->
</style>

<!-- To specify a cursor type use something like below -->

<div class="help">Need Help?</div>

<!-- That would display the "help" cursor -->

« Back to HTML & CSS Snippets

Home | Site Map | Privacy Policy | Advertising | Contact Us
Copyright © 2006-2014 r2xDesign.net - All Rights Reserved.
eXTReMe Tracker