-
css 가로세로 중앙정렬 (Login Form)개발/css 2021. 11. 8. 02:51728x90
도움 될만한 영상
https://www.youtube.com/watch?v=7neASrWEFEM&t=893s
https://www.youtube.com/watch?v=78-X1JGvCZU&t=160s
height : 100vh를 줬는데 % 는 부모를 기준으로 100%를 먹겠다는 건데
vh는 상관없이 전체(<html>)100%를 차지하겠다는 의미
중앙정렬된 애 정상적으로 가로세로 중앙 정렬이 됨
로그인 폼도 만들어볼게요
로그인 폼
굳이 container를 만든 이유는 body에 먹여버리면 다른 애들도 중앙 정렬이 됨 만드는 게 좋아요
박스를 중앙정렬해줬음 borderbox를 가로세로 중앙 정렬을 시켜주고
input h1 싹 다 보기 좋게 가운데 정렬시켜주고 색을 입혀 보면 이런 느낌
input 하고 h1애들도 이쁘게 만들어준답시고 만들었는데
역시 디자인은 재능의 영역인 거 같아요
색 정하는 게 너무 짜증 나서 그냥 올 블랙으로 만들었어요
저거 짜는데 10분 걸렸는데 색 이거 저거 넣어보면서 20분 날림
728x90'개발 > css' 카테고리의 다른 글
Css Flex 사용법 (0) 2021.11.09 css 페이지 꽉 채우기 (body margin) (0) 2021.11.03 Vue 맛보기 ( 게시판 글쓰기 기능 구현) (0) 2021.10.28