일반적으로 마우스는 위쪽 대각선 화살표로 표시되며 텍스트 위로 이동하면 수직선으로 바뀌고 하이퍼링크 위로 이동하면 손 모양으로 표시됩니다. 그러나 CSS를 사용하여 마우스 표시 효과를 제어할 수 있습니다. 예를 들어 마우스를 일반 텍스트 위로 이동할 때 손 모양으로 표시할 수 있습니다.
CSS로 제어하는 구문은 다음과 같습니다.
텍스트 또는 기타 페이지 요소
*를 다음 15가지 효과 중 하나로 바꿉니다.
손, 십자선, 텍스트, 대기, 기본값, 도움말, e-크기 조정, ne-크기 조정, n-크기 조정, nw-크기 조정, w-크기 조정, sw-크기 조정, s-크기 조정, se-크기 조정 및 자동.
다음은 이러한 15가지 효과에 대한 설명입니다. 설명 위로 마우스를 이동하고 마우스에 무슨 일이 일어나는지 확인하세요!
손은 손 모양이다
크로스헤어는 크로스타입이에요
text는 텍스트로 이동하는 효과입니다.
기다림은 기다림의 효과다
기본값은 기본 효과입니다.
도움은 물음표
e-size는 오른쪽을 가리키는 화살표입니다.
ne-resize는 위쪽과 오른쪽을 가리키는 화살표입니다.
n-resize는 위쪽 화살표입니다.
nw-resize는 위쪽과 왼쪽을 가리키는 화살표입니다.
w-크기 조정은 왼쪽 화살표입니다.
sw-resize는 왼쪽 하단에 있는 화살표입니다.
s-resize는 아래쪽 화살표입니다.
se-resize는 오른쪽 아래를 가리키는 화살표입니다.
auto는 시스템에 의해 자동으로 주어지는 효과입니다.