hanker

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 적용 시