[CSS] cursor, hover
앞의 게시물에서 다뤘던 CSS 부분을 보도록 하겠다. 이전 예제 제거할 p 요소를 클릭하세요. p 요소 추가하기 p1 p2 p3 p4 p5 여기서 주의깊게 볼 부분은 이 부분이다. 위 예제의 결과는 다음과 같다. 우선 커서부터 살펴보자. 1. cursor 그동안 예제를 풀며 click에 대한 이벤트 리스너를 많이 활용했었는데 커서 변경을 한번도 하지 않았었다. 하지만 실제 웹페이지에서는 클릭 위치를 커서 변경을 통해 많이 보여준다. 위 에제에서 커서 모양이 손가락 모양으로 바뀐 것을 볼 수 있다. 따라서 cursor: pointer 가 위 모양의 커서로 만들어줌을 확인할 수 있다. 다양한 커서 모양과 활용은 이곳에서 확인하면 좋을 것 같다. http://www.homejjang.com/09/cursor...
development/html javascript CSS
2021. 10. 14. 17:26
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 덱
- CSS
- baekjoon
- javascript
- Java
- Oracle
- 단계별로풀어보기
- 프로그래머스
- 스프링
- python
- Django
- R
- 문자열
- jQuery
- 고득점 키트
- jsp
- 큐
- web
- brute force
- 파이썬
- 브루트 포스
- bootstrap
- 자바
- append
- 장고
- Case When
- 자바스크립트
- 백준
- html
- 정렬
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
글 보관함