반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- string
- date
- table
- 테이블
- 이탈리아
- Array
- vscode
- 자바
- windows
- Button
- 배열
- input
- Eclipse
- Files
- Java
- Maven
- json
- 자바스크립트
- 인텔리제이
- Visual Studio Code
- CMD
- javascript
- 이클립스
- js
- list
- ArrayList
- html
- CSS
- 문자열
- IntelliJ
Archives
- Today
- Total
목록pointer (2)
어제 오늘 내일
[HTML/CSS] 마우스 커서 손모양으로 바꾸기
cursor 웹에서 마우스 커서의 모양은 자동으로 변경됩니다. 링크가 있을 경우 손가락 모양으로, 텍스트를 입력하는 란에서는 텍스트 입력 커서로 자동으로 변경됩니다. 마우스 커서를 사용자 임의로 변경할 수도 있습니다. 이때, CSS의 cursor 속성을 사용합니다. 예제 손모양 로딩중 돋보기 .pointer { cursor: pointer; } .wait { cursor: wait; } .zoomin { cursor: zoom-in; } 위 예제는 각 텍스트에 마우스 포인터를 가져가면 cursor 속성에 정의된 값에 따라 커서의 모양이 변경됩니다. (pointer, wait, zoom-in) 좀 더 많은, 커서의 모양은 다음의 MSDN 문서를 참고하세요. https://developer.mozilla.o..
IT/HTML&CSS
2022. 10. 4. 01:56
[HTML/CSS] div에 마우스 오버시 손가락 아이콘 나타내기
에 마우스를 가져갔을 때, 클릭 할 수 있음을 나타내는 손가락 아이콘을 보여주는 방법입니다. cursor : pointer .my-div { width : 200px; height : 200px; background-color : blue; cursor : pointer; } cursor: pointer; div의 css에 cursor 속성값을 poinster로 지정하였습니다. div 안으로 마우스 포인터를 가져가면, 마우스 포인터가 손가락 모양으로 변경되는 것을 확인 할 수 있습니다.
IT/HTML&CSS
2022. 2. 26. 20:16