HTML&CSS | CSS 마우스 커서 모양 바꾸기
페이지 정보
작성자 굿스웹 작성일18-08-02 10:05 조회1,270회 댓글0건관련링크
본문
STYLE CURSOR 속성만 이용하면 쉽게 이용할 수 있습니다.
<p style="cursor:auto">Auto</p> <p style="cursor:crosshair">Crosshair</p> <p style="cursor:default">Default</p> <p style="cursor:pointer">Pointer</p> <p style="cursor:move">Move</p> <p style="cursor:e-resize">e-resize</p> <p style="cursor:ne-resize">ne-resize</p> <p style="cursor:nw-resize">nw-resize</p> <p style="cursor:n-resize">n-resize</p> <p style="cursor:se-resize">se-resize</p> <p style="cursor:sw-resize">sw-resize</p> <p style="cursor:s-resize">s-resize</p> <p style="cursor:w-resize">w-resize</p> <p style="cursor:text">text</p> <p style="cursor:wait">wait</p> <p style="cursor:help">help</p> |
아래 예제에서 글자위에 마우스를 올리면 모양이 변합니다.
Auto Crosshair +Default ↖Pointer ☜s-resize w-resize Move e-resize ne-resize nw-resize n-resize se-resize sw-resize text wait help |
[주소복사] https://www.goodsweb.kr/?u=D4187N54
SNS 알리기
핀터레스트
텔레그램로
블로그로
페이스북
트위터
카카오스토리
카톡 공유
관련 블로그
로딩중