일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- safari wiondow.open
- 타입스크립트
- slick slider 간격
- scrollIntoView scrollTo
- rn webview page loading
- gsap 기초
- input 숫자입력
- react
- React-Native 공부
- 웹뷰 페이지 로딩
- react이론
- JS
- styled component 작동안함
- SafeArea 커스텀
- 임고미
- styled component
- styled component is not working
- 퍼블리셔
- React Native navigation
- react native safeArea
- js 특정 위치로 이동
- reactnative 웹뷰 페이지 로딩
- React Native SafeArea Custom
- 트윈맥스 기초
- gsap
- 리액트
- 프론트앤드
- styled component 작동 안될때
- RN navitate push
- React-Native IOS
Archives
- Today
- Total
개발공부 임고미
[css] 커서(cursor)부분 작업하기 ( 커서 모양 ) 본문
728x90
300x250
커서모양 바꾸기
작업을 하다보면 a(anker)태그를 사용하지 않고 커서모양을 화살표에서 손가락 모양으로 바꿔야 할 때가 있다.
이때, css 속성 cursor을 이용해서 간단하게 작업이 가능하다.
//기본값(default) : auto;
cursor: auto;
//손가락 모양 : pointer; ( hand는 ie에서만 지원하는 비표준이므로 pointer으로 작업해줍니다. )
cursor: pointer;
이 외의 다양한 모양은 아래의 태그에서 확인 할 수 있다.
developer.mozilla.org/ko/docs/Web/CSS/cursor
같이 보면 좋은 내용: html a태그를 이용해 커서모양 만들면서, href 사용하지 않기
728x90
300x250
'퍼블리싱 > html css js' 카테고리의 다른 글
[Javascript] parseInt() / Number()를 알아보자 (0) | 2020.10.06 |
---|---|
[html / Javascript] 커서(cursor)부분 작업하기 ( 커서 모양 ) ( 2 ) (0) | 2020.10.03 |
[Javascript] includes() / startsWith() / endsWith() (0) | 2020.09.25 |
[Javascript] find() / findIndex() / filter() (0) | 2020.09.24 |
[Javascript] sort() : 내림차순 / 오름차순 (0) | 2020.09.24 |
Comments