일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Linux
- java
- Kibana
- 자바
- Python
- 티스토리챌린지
- spring
- error
- 오블완
- mysql
- Javascript
- MariaDB
- iBatis
- analytics4
- PostgreSQL
- datagrip
- git
- mssql
- oracle
- SQL
- 명령어
- isNotEmpty
- 리눅스
- 호이스팅
- IntelliJ
- docker
- DBMS
- pandas
- zset
- github
- Today
- Total
목록HTML/CSS (4)
hanker

HTML에서 앵커 태그()는 경로 이동을 할 때에 사용된다.이 앵커태그는 기본적으로 밑 줄이 그어져 있는데, style을 추가하여 없앨 수 있다. 1. 기존 태그 사용 시네이버 바로가기 2. 밑 줄 제거한 태그 (text-decoration: none) 태그 내 text-decoration 옵션을 사용하면 밑줄이 제거된다.네이버 바로가기

HTML에서 요소를 중앙 정렬하는 방법은 여러가지가 있다. 수직 또는 수평 정렬을 어떻게 구현할지에 따라 다른 접근 방식을 취한다. 1. Flexbox 사용 부모 요소에 스타일을 설정하여 자식 요소를 수평과 수직 모두 중앙에 배치한다..parent { display: flex; align-items: center; justify-content: center; } 중앙 이 방식은 간단하게 부모 요소의 속성만 조정하여 자식 요소를 중앙으로 배치할 수 있어 매우 직관적이다. 2. Grid 사용 1번과 마찬가지로 부모 요소에 스타일을 설정하여 자식 요소를 중앙 정렬 시킨다..parent { display: grid; place-items: center; } 중앙 CSS Grid는 두 축(수평 및 수직)을 동시에..
태그의 마우스 커서 손가락 모양으로 변경 태그 내에서 변경 시 style="cursor : pointer;" #mouseOver{ cursor: pointer }

참고 : https://www.youtube.com/watch?v=omJfspwjnZk input[type=text]{ width:100%; border:2px solid #aaa; border-radius:4px; margin: 8px 0; outline: none; padding:8px; box-sizing: border-box; transition:.3s; } input[type=text]:focus{ border-color:dodgerBlue; box-shadow:0 0 8px 0 dodgetBlue; } css 적용 시