Nesta página você poderá aprender como deixar o cursor diferente ao colocá- lo em cima de algum link. Você verá todos os estilos disponíveis de cursor usando a tabela abaixo.
Para modificar o estilo do cursor quando o visitante passar o mouse em cima de algum link, coloque o código abaixo entre as tags <head> e </head> no código fonte de sua página.
<style> a{ cursor: modelo de cursor }</style>
Ex.: <head><style> a{ cursor: move; } </style></head>
| MODELO | VEJA EXEMPLO |
| cursor: auto; | coloque o cursor aqui e veja |
| cursor: crosshair; | coloque o cursor aqui e veja |
| cursor: default; | coloque o cursor aqui e veja |
| cursor: hand; | coloque o cursor aqui e veja |
| cursor: move; | coloque o cursor aqui e veja |
| cursor: text; | coloque o cursor aqui e veja |
| cursor: wait; | coloque o cursor aqui e veja |
| cursor: help; | coloque o cursor aqui e veja |
| cursor: e-resize; | coloque o cursor aqui e veja |
| cursor: ne-resize; | coloque o cursor aqui e veja |
| cursor: n-resize; | coloque o cursor aqui e veja |
| cursor: nw-resize; | coloque o cursor aqui e veja |
| cursor: w-resize; | coloque o cursor aqui e veja |
| cursor: sw-resize; | coloque o cursor aqui e veja |
| cursor: s-resize; | coloque o cursor aqui e veja |
| cursor: se-resize; | coloque o cursor aqui e veja |