Con i CSS è possibile cambiare la grafica del puntatore del mouse, associandola ad un particolare elemento della vostra pagina. Questo sistema risulta una potente innovazione che si può ottenere grazie ai fogli di stile: un utilizzo non eccessivo risulta comunque consigliato per non confondere, o peggio ancora irritare, l'utente con un uso eccessivo di questa tecnica soprattutto se poco corrispondente al contenuto.
La tabella qui di seguito mostra i possibili valori da assegnare all'elemento cursor ed i relativi risultati per ogni browser:

Icona	Attributo	Codice	Browser
	auto	Basato sul particolare contesto	tutti
	default	style="cursor: default;"	tutti
	hand	style="cursor: hand;"	IE
	pointer	style="cursor: pointer;"	NS6/ IE6
	hand & pointer	style="cursor: pointer; cursor: hand"	tutti
	crosshair	style="cursor: crosshair;"	tutti
	text	style="cursor: text;"	tutti
	wait	style="cursor: wait;"	tutti
	help	style="cursor: help;"	tutti
	inherit	Valore dell'elemento parent	tutti
	move	style="cursor: move;"	tutti
	e-resize	style="cursor: e-resize;"	tutti
	ne-resize	style="cursor: ne-resize;"	tutti
	nw-resize	style="cursor: nw-resize;"	tutti
	n-resize	style="cursor: n-resize;"	tutti
	se-resize	style="cursor: se-resize;"	tutti
	sw-resize	style="cursor: sw-resize;"	tutti
	s-resize	style="cursor: s-resize;"	tutti
	w-resize	style="cursor: w-resize;"	tutti
	progress	style="cursor: progress;"	IE6
	all-scroll	style="cursor: all-scroll;"	IE6
	col-resize	style="cursor: col-resize;"	IE6
	no-drop	style="cursor: no-drop;"	IE6
	not-allowed	style="cursor: not-allowed;"	IE6
	row-resize	style="cursor: row-resize;"	IE6
	url(uri)	style="cursor: url(myc.ico);" (file .cur e .ani)	IE6
	vertical-text	style="cursor: vertical-text;"	IE6

Esempio utilizzo cursore move ed help:

<div style="cursor: move; width: 600px; height: 50px; background: #ccddff;"></div>
<a href="javascript:alert('Aiuto')" style="cursor: help;">Aiuto</a>