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:hand;" >hand Hand type </span> <span style= "Cursor:crosshair;" >crosshair Cross </span> <span style= "Cursor:text;" >text text </span> <span style= "cursor:wait;" >wait waiting </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;" Arrows on the >n-resize </span> <span style= "cursor:nw-resize;" >nw-resize arrow on the left </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 under the arrows </span> <span style= "cursor:se-resize;" >se-resize right down arrow </span> <span style= "Cursor:move;" "; move Mobile </span> <p> Find more code, please visit: <a href= "http://www.xiaoxiangzi.com" target= "_blank" > Xiao Xiangzi station </a ></p>