CSS: Continuing the Clarification of CSS Classification
In our last CSS tutorial, published about a month ago, we covered some of the Classification properties, which allow you to display elements, position them, choose where they will appear, control their visibility, and a whole lot more. In this article we will finish the discussion.
CSS: Continuing the Clarification of CSS Classification - Changing the Way You Curse (Page 3 of 4 )
You can determine the way a cursor looks when it goes over an element. There are many types of cursors, and they will each be displayed in the code below. Give them a try:
<html>
<body>
<h1>To see what each cursor style does, hover your mouse over them:</h1>
<p style="cursor:auto">
Auto</p>
<p style="cursor:crosshair">
Crosshair</p>
<p style="cursor:default">
Default</p>
<p style="cursor:pointer">
Pointer</p>
<p style="cursor:text">
Move</p>
<p style="cursor:e-resize">
e-resize</p>
<p style="cursor:ne-resize">
ne-resize</p>
<p style="cursor:nw-resize">
nw-resize</p>
<p style="cursor:n-resize">
n-resize</p>
<p style="cursor:se-resize">
se-resize</p>
<p style="cursor:sw-resize">
sw-resize</p>
<p style="cursor:s-resize">
s-resize</p>
<p style="cursor:w-resize">
w-resize</p>
<p style="cursor:move">
text</p>
<p style="cursor:help">
wait</p>
<p style="cursor:wait">
help</p>
</body>
</html>
You can also use a custom cursor by using url, as shown below:
Style Sheets 
HTML5 Boilerplate Introduction
