반응형 로그인화면2 부트스트랩(Bootstrap)을 이용한 로그인 웹페이지 화면 구현 2 부트스트랩을 이용한 로그인 페이지 화면을 만들어 보았습니다. 로그인 박스 형태이며, 로그인 박스의 좌우 정렬은 중앙에 위치하도록 하였고 브라우저 상당에서부터 150px 정도에 위치하도록 하였습니다. 로그인 웹페이지 화면 구현 ( 높이를 지정해 줄 수 있는 로그인 페이지 ) login.html CodeZone Login 고객 아이디 비밀번호 아이디 저장 login.css body { background-image: url('./loginbg.png'); background-size: 100%; font-size: 0.75rem; } #loginBoxTitle { color:#000000; font-weight: bold; font-size: 1.9rem; text-transform: uppercase; p.. 2022. 11. 19. [html, css] Div 중앙정렬 브라우져의 중앙에 로그인 Form을 위치 시키는데 가장 많이 사용될것 같은데요. 간단하지만 의외로 로그인 폼 이외에는 잘 사용을 안하는지라 (개인적 생각) 자주 까먹고 구글링해서 항상 찾는 소스이기도 합니다. 1. css body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background:#323333; -webkit-text-size-adjust: none; background-image:url(../images/loginbg.jpg); background-repeat: repeat-x; } div.centerOuter { position: absolute; top: 50%; left: 50%; margin.. 2013. 7. 19. 이전 1 다음 반응형
