How do I customize the shape of the mouse display with CSS

<style type= "Text/css"
<!--
Span {display:block;line-height:30px;margin:5px 0;background:# F0f0f0;text-align:center;
;
</style>
<span style= "Cursor:pointer;" >pointer hand type </span>
<span style= "Cursor:crosshair;" >crosshair cross </span>
<span style= "Cursor:text;" >text text </span>
<span style= "cursor:wait;" >wait waits for </span>
<span style= "CURSOR:HELP;" >help question mark </span>
<span style= "cursor:e-resize;" >e-resize right arrow </span>
<span style= "cursor:ne-resize;" >ne-resize arrow on the right </span>
<span style= "cursor:n-resize;" >n-resize Arrow </span>
<span style= "cursor:nw-resize;" >nw-resize left arrow </span>
<span style= "cursor:w-resize;" >w-resize left arrow </span>
<span style= "cursor:sw-resize;" >sw-resize left arrow </span>
<span style= "cursor:s-resize;" >s-resize Arrow </span>
<span style= "cursor:se-resize;" "; se-resize the arrow at the bottom right </span>
<span style= "Cursor:move;" >move Mobile </span>