커서를 사용하는 방법? CSS에서 커서 속성을 사용하는 방법 및 선택적 값을 구문 분석하는 방법

페이지를 레이아웃할 때 CSS는 작업의 필수적인 부분입니다. HTML은 화장하지 않은 사람의 모습이고 CSS를 추가하면 화장한 사람의 모습이라는 말을 자주 듣습니다. 이 문장은 이해하기 쉽고 CSS와 HTML의 관계를 매우 잘 설명합니다. CSS에는 많은 속성이 있습니다. 오늘은 CSS 커서 속성과 그 많은 선택 값에 중점을 둘 것입니다. 예를 들어 커서 손 모양은 커서:포인터 속성을 사용합니다.

커서를 어떻게 사용하나요?

1. CSS 커서의 기본 구문

커서 속성이란 무엇입니까? 요소의 경계 내에 마우스 포인터를 놓았을 때 나타나는 커서 모양을 말하며 여기에는 물음표, 작은 손 및 기타 모양이 포함됩니다. .
사용 시 추가하려는 태그에 style="cursor: 특정 속성 값"을 삽입하거나 CSS 스타일에 추가할 수 있습니다.

예: 68d12f98743700eaf58b60240b5a03c5포인터, 작은 손 모양94b3e26ee717c64999d7867364b1b4a3 , bb618d9f377907859c4313a877432bf6도움말, 도움말 모양36b26830171041af9f51c91ade5f00a0

커서의 속성 값에는 12개 이상의 선택 값이 있습니다. 작업 중 필요에 따라 적절한 값을 선택하세요.

2. CSS 커서 속성 값

1. 가장 많이 사용되는 커서: 포인터, 커서는 작은 손 모양을 하고 있습니다.

<p style="cursor:pointer">pointer</p>

2. 커서: 도움말, 물음표 커서

<p style="cursor:help;">pointer</p>

3. 커서: 십자형, 십자형 커서

<p style="cursor:crosshair;">pointer</p>

일반적으로 사용되는 속성들을 자세히 소개해보겠습니다. 속성 값을 변경하세요. 구체적인 값과 그 의미는 아래를 참조하세요.

default: 기본 커서, 일반적으로 화살표
auto: 기본적으로 브라우저에서 설정하는 커서
crosshair: 커서는 십자선을 나타냅니다.
pointer: 커서는 링크를 나타내는 포인터(손)를 나타냅니다.
move: 커서는 이동할 수 있는 개체를 나타냅니다. 이동
e-resize: 커서는 직사각형 상자의 가장자리를 오른쪽으로 이동할 수 있음을 나타냅니다.
ne-resize: 커서는 직사각형 상자의 가장자리를 위쪽으로 이동할 수 있음을 나타냅니다. 오른쪽으로
nw-resize: 커서는 직사각형 상자의 가장자리를 위쪽으로, 오른쪽으로 이동할 수 있음을 나타냅니다. 왼쪽으로 이동
n-resize: 커서는 직사각형 상자의 가장자리를 위쪽으로 이동할 수 있음을 나타냅니다.
se- resize: 커서는 직사각형 상자의 가장자리를 오른쪽 아래로 이동할 수 있음을 나타냅니다.
sw-resize: 커서는 직사각형 상자의 가장자리를 이동할 수 있음을 나타냅니다. 아래 및 왼쪽으로 이동
s-resize: 커서는 다음을 나타냅니다.
w-resize: 커서는 직사각형 상자의 가장자리를 왼쪽으로 이동할 수 있음을 나타냅니다.
text: 커서는 텍스트를 나타냅니다.
wait: 커서는 프로그램 사용 중(보통 테이블 또는 모래시계)
help: 커서는 도움말을 나타냅니다(보통 물음표)

위에서는 주로 CSS에서 커서 속성의 사용법과 다양한 속성 값의 의미를 소개합니다. 초보자는 편집기를 사용할 수 있습니다. 다른 값을 사용해 보세요. 어떤 효과가 있는지 확인해 보세요.

위 내용은 커서를 사용하는 방법? CSS에서 커서 속성을 사용하는 방법 및 선택적 값을 구문 분석하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!