html 마우스 css control_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:43:56
원래의
1442명이 탐색했습니다.

일반적으로 마우스는 위쪽 대각선 화살표로 표시되며 텍스트 위로 이동하면 수직선으로 바뀌고 하이퍼링크 위로 이동하면 손 모양으로 표시됩니다. 그러나 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는 시스템에 의해 자동으로 주어지는 효과입니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿