CSS 마우스 스타일 커서 설명

이 글은 주로 CSS 마우스 스타일 커서에 대한 설명을 소개합니다. 참고할만한 가치가 있어서 공유합니다. 도움이 필요한 친구들이 참고할 수 있게 되었습니다.

우연히 마우스 스타일 효과를 사용해야 해서 정리했습니다. 다음 15가지 CSS 마우스 스타일, 모두가 사용할 수 있는 간단한 예

CSS 마우스 스타일 구문은 다음과 같습니다:

Insert style="cursor:*" into any tag
예:

<span style="cursor:*">文本或其它页面元素</span>  <a href="#" style="cursor:*">文本或其它页面元素</a>

주의하세요 *를 다음 15가지 효과로 바꾸세요. 하나:

다음은 이러한 15가지 효과에 대한 설명입니다. 설명 위로 마우스를 이동하고 마우스에 무슨 일이 일어나는지 확인하세요!

손은 손 모양입니다.
예: CSS 마우스 손 모양 효과

 <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:hand">CSS鼠标手型效果</a>

포인터도 손 모양입니다. 다양한 브라우저에서 사용할 수 있으므로 여기에서 권장됩니다.
예: CSS 마우스 손 모양 효과

<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:pointer">CSS鼠标手型效果</a>

십자선은 십자선
예: CSS 마우스 십자 모양 효과

<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:crosshair">CSS鼠标十字型 效果</a>

help는 물음표
예: CSS 마우스 물음표 효과

<a href="#" _fcksavedurl=""#"" style="cursor:help">CSS鼠标问号效果</a>

다음 작성 방법은 동일하며, 그러니 여기에 하나씩 쓰지 않겠습니다. 끝났습니다.
다음은 이러한 15가지 효과에 대한 설명입니다. 설명 위로 마우스를 이동하고 마우스에 무슨 일이 일어나는지 확인하세요!
손은 손형입니다.
포인터도 다양한 브라우저에서 사용할 수 있으므로 이것을 사용하는 것이 좋습니다.
crosshair는 십자 모양
text는 텍스트로 이동하는 효과
wait는 기다리는 효과
default는 기본 효과
help는 물음표
e-resize는 오른쪽을 가리키는 화살표
ne-resize 오른쪽 위를 가리키는 화살표
n-resize는 위쪽 화살표
nw-resize는 왼쪽 위쪽 화살표
w-resize는 왼쪽 화살표
sw-resize는 왼쪽 아래쪽 화살표
s-resize는 아래쪽 화살표
se-resize는 위쪽 화살표입니다. 오른쪽 하단의 화살표
auto는 시스템에 의해 자동으로 지정됩니다.

위 내용은 이 글의 전체 내용입니다. 더 많은 관련 내용을 보려면 참고하시기 바랍니다. PHP 중국어 웹사이트를 주목하세요!

관련 권장 사항:

CSS 사용 방법 전환 속성은 애니메이션이 숨겨지고 표시되는 WeChat 애플릿 위젯을 구현합니다

css에서 테두리 속성을 사용하여 웹 페이지 점선 만들기

위 내용은 CSS 마우스 스타일 커서 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!