CSS 커서 URL 사용 형식에 대한 자세한 설명

css 커서 URL 사용 형식: css:{cursor:url('icon path'),auto;} //IE, FF, Chrome 브라우저 가능

예제 코드: html{cursor: url (" http://ued.taobao.com/blog/wp-content/themes/taobaoued/images/cursor.ico"),auto;}

분석: 이전 URL은 사용자 정의 마우스 아이콘 경로, 두 번째 매개변수 auto는 표준 CSS 커서 스타일로, 다른 속성(예: 포인터/기본값 등)으로 대체될 수 있습니다!
(참고: w3school에서는 URL로 정의된 사용 가능한 커서가 백업이 되는 경우 두 번째 매개변수가 공통 커서를 정의해야 한다고 권장합니다. 또한 IE에서는 두 번째 매개변수가 생략될 수 있습니다.)

마우스 표시 아이콘을 사용자 정의하려면 다음 문제에 주의해야 합니다

아이콘 형식:

IE는 cur, ani, ico 형식을 지원하고 FF는 bmp, gif를 지원합니다. , jpg , cur 및 ico 형식은 ani 형식이나 gif 애니메이션 형식을 지원하지 않으므로 일반적으로 URL에서 참조하는 이미지를 ico 또는 cur 형식으로 저장하는 것이 좋습니다!

아이콘 크기:

마우스 이미지의 권장 크기는 32*32입니다. 그렇지 않으면 아이콘 크기가 일정하지 않을 수 있습니다!

또한 브라우저에 마우스 이미지가 표시되지 않는 문제는 대부분 마우스 이미지의 URL 경로를 참조하는 데 있습니다. 절대 경로와 상대 경로를 시도해 볼 수 있습니다. 각각 참조.

마지막으로 커서 속성의 가능한 값이 첨부됩니다. (모든 주요 브라우저는 다음 커서 속성을 지원합니다)