-
CSS - cursor 마우스 커서 모양CSS 2020. 12. 12. 03:20728x90
css로 상황에 따른 마우스 모양 바꾸기
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <p style="cursor: auto">auto</p> <p style="cursor: crosshair">crosshair</p> <p style="cursor: default">default</p> <p style="cursor: e-resize">e-resize</p> <p style="cursor: help">help</p> <p style="cursor: move">move</p> <p style="cursor: n-resize">n-resize</p> <p style="cursor: ne-resize">ne-resize</p> <p style="cursor: nw-resize">nw-resize</p> <p style="cursor: pointer">pointer</p> <p style="cursor: progress">progress</p> <p style="cursor: s-resize">s-resize</p> <p style="cursor: se-resize">se-resize</p> <p style="cursor: sw-resize">sw-resize</p> <p style="cursor: text">text</p> <p style="cursor: w-resize">w-resize</p> <p style="cursor: wait">wait</p> </body> </html>'CSS' 카테고리의 다른 글
CSS - Float 속성 (0) 2020.12.12 CSS - overflow 속성 : visible, hidden, scroll, auto (0) 2020.12.12 CSS - position 태그의 위치 설정 (0) 2020.12.11 css - 레이아웃! 수직수평태그 그리고 display (0) 2020.12.03 css - table (0) 2020.12.03