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