CSS로 마우스 커서 모양을 설정하는 방법

CSS에서 마우스 커서 모양을 설정하는 방법: 커서 속성을 사용하여 설정할 수 있습니다. 예를 들어 [crosshair]와 같이 커서를 십자형 모양.

이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.

속성 소개:

cursor 속성은 마우스 포인터가 요소 경계 내에 위치할 때 사용되는 커서 모양을 정의합니다.

공통 속성 값:

• text 이 커서는 텍스트를 나타냅니다.

• wait 이 커서는 프로그램이 사용 중임을 나타냅니다(보통 시계 또는 모래시계).

• help 이 커서는 사용 가능한 도움말(일반적으로 물음표 또는 풍선)을 나타냅니다.

• auto 기본값. 브라우저가 설정한 커서입니다.

• crosshair 커서가 십자형으로 나타납니다.

• pointer 커서는 링크를 나타내는 포인터(손)로 렌더링됩니다.

마우스 커서 모양 설정 방법:

     
  
请把鼠标移动到单词上，可以看到鼠标指针发生变化：
 auto
 crosshair
 default
 e-resize
 help
 move
 n-resize
 ne-resize
 nw-resize
 pointer
 progress
 s-resize
 se-resize
 sw-resize
 text
 w-resize
 wait
  

관련 학습:CSS 튜토리얼

위 내용은 CSS로 마우스 커서 모양을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!