- Today
- Total
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
Link
- 재능이의 돈버는 일기
- StresslessLife
- K_JIN2SM
- 소소한 일상
- My Life Style & Memory a Box
- Blog's generation
- 공감 스토리
- 취객의 프로그래밍 연구실
- Love Me
- Dream Archive
- 세상에 발자취를 남기다 by kongmingu
- hanglesoul
- 카마의 IT 초행길
- 느리게.
- 미친듯이 즐겨보자..
- Joo studio
- Gonna be insane
- 악 다 날아갔어!! 갇대밋! 왓더...
- xopowo05
- 맑은공기희망운동
- 엔지니어 독립운동
- 혁준 블로그
- Simple in Complex with Simple
- 무의식이 의식을 지배한다
드럼치는 프로그래머
[CSS] cursor 속성 본문
cursor 속성을 이용하면 해당 태그 위에 위치하는 마우스 커서의 모양을 바꿀 수 있다.
auto : 자동
default : 기본값 (화살표)
pointer : 클릭시의 마우스 (손가락 모양)
wait : 로딩
등 다양한 종류의 cursor 속성이 있다.
사용법
<p style="cursor:wait">Wait</p>
예제
<html> <head> </head> <body> <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> </body> </html>
출력 결과:
Auto
CrosshairDefault
Pointer
Move
e-resize
ne-resizenw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
Text
Wait
Help
[출처] http://div.or.kr/css-studying/cursor%20%EC%86%8D%EC%84%B1
'★─Programing > ☆─WebProgram' 카테고리의 다른 글
| [Spring] 접속된 클라이언트의 아이피 확인하는 방법 (0) | 2016.05.30 |
|---|---|
| [JSTL] IF ~ ELSE 문 - <c:if>와 <c:choose> (0) | 2016.05.27 |
| [Javascript] URL Redirection (웹 페이지 자동 이동) (0) | 2016.05.25 |
| [Javascript] Javascript를 이용하여 브라우저 새 창 띄우기 (0) | 2016.05.24 |
| [AJAX] AJAX 를 동기(Sync) 방식으로 사용하기. (0) | 2016.05.24 |
Comments