This sample code demonstrate you all the basic cursors available in HTML. Just copy and paste this html code in your HTML file and run it.
You can mouse over the given text and check all the cursor samples.
<html>
<body>
<p>Move the mouse over the words to see the cursor change:</p>
<span style="cursor:auto"> Auto Cursor </span><br /><br />
<span style="cursor:crosshair"> Crosshair Cursor</span><br /><br />
<span style="cursor:default"> Default Cursor</span><br /><br />
<span style="cursor:pointer"> Pointer Cursor</span><br /><br />
<span style="cursor:move"> Move Cursor</span><br /><br />
<span style="cursor:e-resize"> e-resize Cursor</span><br /><br />
<span style="cursor:ne-resize"> ne-resize Cursor</span><br /><br />
<span style="cursor:nw-resize"> nw-resize Cursor</span><br /><br />
<span style="cursor:n-resize"> n-resize Cursor</span><br /><br />
<span style="cursor:se-resize"> se-resize Cursor</span><br /><br />
<span style="cursor:sw-resize"> sw-resize Cursor</span><br /><br />
<span style="cursor:s-resize"> s-resize Cursor</span><br /><br />
<span style="cursor:w-resize"> w-resize Cursor</span><br /><br />
<span style="cursor:text"> text Cursor</span><br /><br />
<span style="cursor:wait"> wait Cursor</span><br /><br />
<span style="cursor:help"> help Cursor</span>
</body>
</html>
0 comments:
Post a Comment