How do i make a custom cursor on html?

Question

body { 
  cursor: url(cursor.png), auto;
}

I've tried to have it be as an external link, it did not work. I have also tried to add "" inside of the url with both an internal and external link and it did not work.

• Image size is 840x859.
• It's inside of <style> tag.
• I use Visual Studio Code 2019

Answer 1

Try this:-

body {
    cursor: url('https://davidwalsh.name/demo/css-custom-cursor.ico'), default;
}

<h1>test</h1>