CSS uses custom cursor style-Escape Tornado

The test environment is the chrome browser

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36

css style

div
{
　cursor:url('1.jpg'),pointer;
}

HTML

　

When the mouse is placed on the div, the cursor will change into the pattern you specified

*Notes

Make sure the customized image is small enough, here it is 16*16

Different browsers support different image formats, please search by yourself

cursor:url('1.jpg'),pointer; The 1.jpg here must be in the same directory as the current html file. Pointer is necessary. It is a backup solution when the customized image cannot be applied. This is It is wrong not to write the first test.