마우스 커서
아래에 마우스를 오려 보세요. 커서가 변합니다.
-
십자 모양 커서
-
도움말 모양 커서
-
포인터 모양 커서
-
프로그램 실행 중 모양 커서
-
상하 크기 조절 모양 커서
<![CDATA[
<!DOCTYPE html>
<html>
<head>
<title>유수봉 : CSS(마우스 커서)</title>
</head>
<body>
<h3>마우스 커서</h3>
아래에 마우스를 오려 보세요. 커서가 변합니다.
<hr>
<ul>
<li>
<p style="cursor: crosshair">십자 모양 커서</p>
</li>
<li>
<p style="cursor: help">도움말 모양 커서</p>
</li>
<li>
<p style="cursor: pointer">포인터 모양 커서</p>
</li>
<li>
<p style="cursor: progress">프로그램 실행 중 모양 커서</p>
</li>
<li>
<p style="cursor: n-resize">상하 크기 조절 모양 커서</p>
</li>
</ul>
<hr>
</body>
</html>
]]>