>  기사  >  웹 프론트엔드  >  CSS에서 마우스 제스처를 설정하는 방법

CSS에서 마우스 제스처를 설정하는 방법

王林
王林원래의
2020-11-23 14:40:104500검색

CSS에서 마우스 동작을 설정하는 방법: [span.crosshair {cursor:crosshair}]와 같이 커서 속성을 사용하여 설정할 수 있습니다. 커서 속성은 마우스 포인터가 경계 내에 위치할 때 사용되는 커서 모양을 정의합니다. 요소의.

CSS에서 마우스 제스처를 설정하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

CSS에서 마우스 제스처를 설정하는 방법:

(비디오 공유 학습: css 비디오 튜토리얼)

관련 속성:

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

속성 값(부분):

  • default 기본 커서(일반적으로 화살표)

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

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

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

  • move 이 커서는 개체를 이동할 수 있음을 나타냅니다.

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

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

예:

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

관련 권장 사항: CSS 튜토리얼

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.