Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

cascading style sheet example change cursor in a html document
 

stylesheets and cursors

it is fairly simple to change the cursor in a html document with css, once the cursor names are known
there are 17 cursors to choose from

unfortunatly this is another of those neat things that style sheets can achive that netscape browsers just cant 'see' in a html document
internet explorer users will see the new cursor by hovering the cursor over the description and link cells
name
description
  
crosshair displays as a cross link
auto user's default setting or (windows settings) link
pointer same as auto link
default the normal arrow link
hand hand that appears when over a link link
help displays an arrow and question mark link
move a cross with arrows on the tips link
text like a cross section of an I-Beam link
wait an hourglass link
n-resize arrow pointing north (up) link
ne-resize arrow pointing North-East link
e-resize arrow pointing East (right) link
se-resize arrow pointing South-East link
s-resize arrow pointing South (down) link
sw-resize arrow pointing South-West link
w-resize arrow pointing West (left) link
nw-resize arrow pointing North-West link
the cursor could be changed by changing the properties of the 'A:hover' selector in an embedded stylesheet 

 <STYLE>
  A:hover {
           cursor: crosshair;
  }
 </STYLE>

here is an inline style alternative

<A HREF="index.html" STYLE="cursor: move;">css tutorial</A>


home
home
 		next: stylesheets & html forms
previous: about div & span

html tutorial css tutorial javascript webmaster articles link exchange

css tutorial