반응형
츄르사려고 코딩하는 코집사입니다.
1. [HTML/CSS] CSS cursor 속성 사용 방법
- 예시로, a 태그 위에 마우스를 올렸을 때의 예제
- cursor : cursor 속성명;
a:hovor{
cursor:wait;
}
2. [HTML/CSS] CSS cursor 속성 종류
속성 | 설명 |
cursor: Auto; | 자동 설정 |
cursor: help; | 마우스 커서 우측 하단에 물음표 표시 |
cursor: wait; | 로딩 아이콘 |
cursor: text; | 텍스트 입력 I 모양 |
cursor: Move; | 십자가 모양 |
cursor: Pointer; | 손가락 모양 |
cursor: Default; | 마우스 기본 커서 |
cursor: Crosshair; | 십자 모양 |
cursor: zoom-in; | 십자 돋보기 모양 |
cursor: not-allowed; | 접근 금지 모양 |
반응형
'IT > HTML\CSS' 카테고리의 다른 글
[HTML] HTML 라벨(label) 위에 마우스 올리면 손가락 보여주기 (0) | 2023.07.21 |
---|---|
[HTML] HTML 크롬(Chrome) input type='file' 커스터마이징 하는 방법 (0) | 2023.07.05 |
[HTML] input 태그 숫자만 입력할 수 있게 하는 방법(정규식) (0) | 2022.06.03 |
HTML5 인라인 요소(Inline Element)와 블록 요소(Block Element) (0) | 2021.09.29 |
HTML 테이블에 데이터를 넣는데 띄어쓰기로 문제 발생 해결 방법 (0) | 2021.09.07 |
[HTML/CSS] HTML5/CSS 기본 태그와 CSS 정리 (1) | 2021.03.03 |
최근댓글